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

html{
    width:100%;
    height:100%;

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

body{
    margin:0%;
	background-color: #61335d;
}

.ambiente{
    position:absolute; width:100%; background-color:#FF0; color:#F00; text-align:center; top:0%; font-size:2vw;
    font-family: 'Francois One', sans-serif;
}

.contenedor{
    position:absolute;
}

#ingreso{
    position: absolute;
    cursor: pointer;
    width: 18.5%;
    height: 9.5%;
    left: 40.75%;
    top: 75.5%;
}

#terminos-y-condiciones{
    position: absolute;
    cursor: pointer;
    width: 34%;
    height: 2.7778%;
    left: 48.5%;
    top: 94.5%;
}


@media screen and (max-aspect-ratio: 1/1) { /* portrait styles here */
    #ingreso{
        width: 78%;
        height: 12.75%;
        left: 11%;
        top: 71.5%;
    }

	#terminos-y-condiciones{    
		width: 60%;
		height: 1.5%;
		left: 33%;
		top: 97%;
    }
}