@charset "utf-8";
/* CSS Document
font-family: 'Francois One', sans-serif; //Títulos y botones
font-family: 'Roboto Condensed', sans-serif; //Textos
*/

body, html {
    width:100%;
    height:100%;
    letter-spacing: 2px;
    margin-left: 0px;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    font-size: 1.5vw;
    color:#eee;
    font-family: 'Roboto Condensed', sans-serif;

        -webkit-user-select: none;
        -moz-user-select: none;
        -khtml-user-select: none;
        -ms-user-select:none;

}

html {
	margin: 0%;
    background-color: #00369F;
}

.titulo{
    width:70%;
    margin-left:15%;
    padding: 1%;
    text-align: center;
    font-size: 4vw;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    /* box-shadow: 2px 2px 5px #999; */
    outline: 0;
    color: #FFF;
    cursor: pointer;
    border: thick solid;
    background-color: rgba(1, 17, 48,0.5);
	font-family: 'Francois One', sans-serif;
}

.texto1{
    font-size:3vw;
    text-align:center;
}

.texto2{
    font-size:2vw;
    text-align:center;
}

.boton{
    width:30%;
    margin: 2% 0% 0% 34.5%;
    bottom:2.5%;
    padding: 0.5%;
    text-align: center;
    font-size: 2vw;
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    /* box-shadow: 2px 2px 5px #999; */
    outline: 0;
    color: #ffec00;
    cursor: pointer;
    border: thick solid;
    background-color: rgb(1, 17, 48);
    
}

.login-campo {
    font-size: 1.5vw;
    border: thin solid #E8E8E8;
    -webkit-border-radius: 10px 10px;  /* Safari  */
    -moz-border-radius: 10px 10px;
    box-shadow: 2px 2px 5px #0007;
    outline: 0;
    padding-top: 0.5%;
    padding-right: 1%;
    padding-bottom: 0.5%;
    padding-left: 1%;
    text-align: center;
    width: 50%;
}


@media only screen and (max-aspect-ratio: 1/1) {
/* CSS para smartphones */

    .boton {
        width: 60%;
        margin-left: 20%;
        font-size: 6vw;
    }

    .titulo {
        width: 80%;
        margin: 0% 0% 5% 5%;
        padding: 3%;
        font-size: 8vw;
    }

    .texto1 {
        font-size: 7vw;
        width: 90%;
        margin:0% 5% 0% 5%;
    }
    
    .texto2 {
        font-size: 6vw;
        width: 90%;
        padding: 5%;
    }    

	.login-campo {
		font-size: 6vw;
		box-shadow: 5px 5px 5px #0007;
		width: 96%;
	}
}