@import url('https://fonts.googleapis.com/css?family=Orbitron|Rubik');
@import url('https://fonts.googleapis.com/css?family=Merriweather+Sans');
@import url('https://fonts.googleapis.com/css?family=Monda');

*{
	padding: 0px;
	margin: 0px;
}
div#todo{
	background-color: grey;
}
div#baner{
	height: 100%;
	text-align: center;
	background-color: #040c34;
}
div#centro {
	padding-top:30px;
	text-align: center;
}
div#centro .text{
	font-size: 20px;
	font-family: 'Monda', sans-serif;
	color: white;
}
div#centro .inp{
	padding-left: 20px; 
}
div#centro input{
	height: 25px;
	border-radius: 5px;
	font-size: 20px; 
	border-width:3px;
}
div#centro input:focus{
	outline:none;
	border-color: #F63D05; 
}
div#ingresar{
	font-family: 'Monda', sans-serif;
	font-size: 10px;
}
#ingreso{
	width: 100px;
	height: 30px;
	border-radius: 5px;
	border:none;
	text-decoration: none; 
	background-color: #ff662d;
	color:white;
	width: 100px;
	height: 30px;
	font-family: 'Orbitron', sans-serif;	

}
#ingreso:hover{
	background-color: #F63D05;
}
#ingreso:active{
	background-color: black;
}
div#registro {
	padding-top:10px;
	color: white;

}
div#registro a{
	color: white;
}
div#banner {
	margin-top:20px; 
	width: 100%;
	height: 130px;
	background-color: #F63D05;
}
div#banner span{
	color:white;
	float:right;
	padding-right:50px; 
	margin-top: 1px;
	font-size: 40px;
	font-family: 'Merriweather Sans', sans-serif;
	text-shadow: 2px black;
}
div#banner .ingreso{
	color:white;
	float:left;
	margin-left:50px; 
	margin-top: 30px;
	font-size: 30px;
	font-family: 'Merriweather Sans', sans-serif;
	text-shadow: 2px black;
}
@media screen and (max-width: 800px) {
    div#banner span{
    	font-size: 20px;
    }
    div#banner .ingreso{
    	font-size: 20px;
    	margin-top: 10px;
	}
}
@media screen and (max-width: 450px) {
	div#centro input{
		width: 130px;
	}
}