@charset "utf-8";
/* CSS Document */
			body, html {
				font-family: 'LCD Light', arial;
				font-size: 20px;
				height: 100%;
				width: 100%;
				margin: 0px;
				padding: 0px;
				background:#710011;}			
			#main {
			   height: 80%;
			   display: -webkit-flex;
			   display:  flex;
			   flex-flow: row;}			
			#main section {								
				display: -webkit-flex;
			    display: flex;
			    flex-direction: column;
			    -webkit-flex-direction: column;
				background:#FFCAD2;
				color:#710011;
				margin: 5px;
				flex: 3 1 60%;
				order: 2;}
			section .muestra {
	            height: 450px;
	            width: 800px;
	            border: 5px solid #710011;
	            box-shadow: 15px 15px 15px #888;
	            border-radius: 50px 50px 50px 50px;
	            margin: 20px;
	            padding: 20px;
	            color:#710011;	}		
			#main nav {
				background:#D602FF;
				color:#710011;
				margin-top: 5px;
				margin-bottom: 5px;
				flex: 1 6 20%;
				order: 1;}
			
			#main aside {
				background:#D602FF;
				color:#000000;
				margin-top: 5px;
				margin-bottom: 5px;
				flex: 1 6 20%;
				order: 3;
			  font-family: 'Fira Mono', sans-serif;
			}			
			header {
				color:000000;
				display: block;
				padding:2px;				
				min-height: 10%;
				background:#0062FF;
			  font-family: 'Fira Mono', sans-serif;
			}
			footer {
				font-size:12px;
				color:#000000;
				display: block;
				padding:2px;				
				min-height: 6%;
				background:#0062FF;
			  font-family: 'Fira Mono', sans-serif;
			}
					
            #main section #respuesta {
	            height: 25px;
	            width: 300px;}