body {
    background: #d6cbe4;
    margin: 0;
    padding: 0;
}

#game {
    height: 100vh;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.d-none{
	display:none!important;
}

@font-face {
    font-family: "Joey";
    src: url('../fonts/FS-Joey-Bold_1.otf');
}

#formulario {
    display: none;
}

input {
    width: 27.5%;
    height: 4%;
    margin: 10px 0px;
    font-size: 3.5vw;
    background-color: white;
}

#nombre {
    position: absolute;

}

#apellidos {
    position: absolute;
    top: 350px;
    border-width: 0px;
}

#colegiatura {
    position: absolute;
    top: 470px;
    left: 650px;
    border-width: 0px;
}

#telefono {
    position: absolute;
    top: 590px;
    left: 650px;
    border-width: 0px;
}

#mensaje {
    position: absolute;
    top: 800px;
    left: 670px;
    color: #871e1e;
    font-size: 2em;
    width: 600px;
}

#terminosInactivo,
#terminosActivo {
    position: absolute;
    top: 700px;
    left: 400px;
    color: #871e1e;

}

#terminosActivo {
    display: none;
}

#terminosTexto {
    position: absolute;
    ;
    top: 920px;
    left: 300px;
    width: 1300px;
    font-size: 1.4em;
    height: 80px;
    overflow: scroll;
    text-align: justify;
    color: #5e0d8b;
}



.title-candy{
    display:flex;
    align-items: center;
    justify-content: center;
}

.title-candy > img{
    height:55px;
    margin-right: 1rem;
}