@import url('//fonts.googleapis.com/css?family=Open+Sans');

body{
			background-image: url("img/keyboard.jpg");
			background-size: cover;
			background-repeat: no-repeat;
font-family: 'Open Sans';
		}
		
#run{
	border-radius: 0;
}
		
		#navbar{
			padding: 10px;
			border-radius: 0%;
			background-image: url(img/css.jpg);
			margin: 0;
		}
		
		#scripts-ul{
			text-align: center;
			position: relative;
			left: 25%;
			opacity: 1;
		}
		
		#scripts-ul li button{
			border-radius: 0%;
			margin: 0 5px;
			padding: 10px;
			opacity: 1;
		}
		
#scripts-ul li button:active{
	position: relative;
	top: 1px;
}
		
		.codeContainer{
			float: left;
			width: 50%;
			height: 100%;
			border: 1px solid transparent;
		}
		
		textarea{
			width: 100%;
			height: 100%;
/*background: linear-gradient(120deg,#00c4cc 25%,#6e4593 85%);
background: -webkit-linear-gradient(120deg,#00c4cc 25%,#6e4593 85%);
background: -moz-linear-gradient(120deg,#00c4cc 25%,#6e4593 85%);
background: -o-linear-gradient(120deg,#00c4cc 25%,#6e4593 85%);*/
background-color: #00c4cc;
			color: white;
			font-family: monospace;
		}
		

		label{
			color: white;
			width: 100%;
			text-align: center;
			font-weight: 600;
			margin: 0;
			padding: 5px;
		}
		
		#label_html{
			background-color: #337ab7;
		}
		
		#label_result{
			background-color: #31b0d5
		}
		
		#label_css{
			background-color: #5cb85c;
		}
		
		#label_js{
			background-color: #ec971f;
		}
		
		iframe{
			width: 100%;
			height: 100%;
			border: none;
background: #eee;
		}
		
		#tabs_open{
			color: white;
		}
@media only screen and ( max-width : 800px ){
	body{
		background-size: auto;
	}
}		
@media only screen and ( max-width : 568px ){
#navbar{
	padding: 5px;
}

#run{
	float: left;
	position: relative;
	left: 50%;
}
		#scripts-ul{
			width: 50%;
			margin: 0;
			text-align: center;
			left: 50%;
		}
		
#scripts-ul li{
	width: 100%;
	position: relative;
	left: -50%;
	text-align: center;
	margin-right: -25%;
}
#scripts-ul li button{
	margin: 5px 5px;
	margin-right: 0;
	margin-left: auto;
}
	
}