/* Load fonts*/

@font-face {
    font-family: 'press_startregular';
    src: url('fonts/prstart-webfont.eot');
    src: url('fonts/prstart-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/prstart-webfont.woff2') format('woff2'),
         url('fonts/prstart-webfont.woff') format('woff'),
         url('fonts/prstart-webfont.ttf') format('truetype'),
         url('fonts/prstart-webfont.svg#press_startregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

html,body{
	height: 100%;
	width: 100%;
	background-color: #014e9d;
	margin: 0;
}

textarea {
	overflow-y: scroll;
	border: rgba(254,254,254,0);
	background-color: #014e9d;
	-webkit-appearance: none; 
}

#music-toggle, .file-io-buttons, #resume-editing-text{
	display:none;
}

#user-document {
	-webkit-appearance: none; 
	padding: 20px 10px 10px 10px;
	width: 100%;
	height: 85%;
 	resize: none;
 	outline: none;
	border: none;
	font-family: press_startregular, sans-serif; 
	font-size: 12px;
	background-color: #014e9d;
	color: #61aefd;
	overflow-y: scroll;
	box-sizing: border-box;
}

#button-tray {
	height:10%;
	background-color: #014e9d;
}

.mobile-buttons{
	background-color: #014e9d;
	border: 3px solid #61aefd;
	color:#61aefd;
	font-family: press_startregular, sans-serif; 
	font-size: 14px;
	margin:1px;
	float: left;
	padding: 5px;
}

.mobile-buttons.right{
	float: right;
}