* {
    font-family: 'Times New Roman', Times, serif;
}

body {
    margin: 0;
    padding: 0;
    background-image: url("fotofONDO.png");
    background-repeat: no-repeat;
}

.imagenLogo {
    width: 10%;
}

.divUno {
    font-size: 5vw;
    margin-top: 15vw;
    display: grid;
    justify-content: center;    
}
.divDos {
    text-align: center;
    margin-top: 5vw;
}

.aceptarUno {
    font-size: 2vw;
    font-weight: bolder;
    background-color: rgb(173, 255, 255);
    cursor: pointer;
    transition: all ease 1s;
}
.aceptarUno:hover {
    transform: scale(1.1);
}
.aceptarDos {
    font-style: oblique;
    font-size: 2vw;
    font-weight: bolder;
    background-color: rgb(12, 106, 248);
    cursor: pointer;
    transition: all ease 1s;
}
.aceptarDos:hover {
    transform: scale(1.1);
    background-color: rgb(12, 106, 248);
    color: wheat;
}
.aceptarTres {
    font-size: 2vw;
    font-weight: bolder;
    background-color: rgb(238, 227, 127);
    cursor: pointer;
    transition: all ease 1s;
}
.aceptarTres:hover {
    transform: scale(1.1);
}

.passwordUno {
    background-color: rgb(241, 233, 233);
    font-size: 2vw;
    box-shadow: 5px 5px 5px black;
}

.buttonAcceso {
    background-color: rgb(241, 233, 233);
    font-size: 2vw;
    box-shadow: 5px 5px 5px black;
    transition: all ease 1s;
    cursor: pointer;
}

.buttonAcceso:hover {
    transform: scale(1.1);
    background-color: green;
}

@media(min-width:500px) {
    div {
        width: 100%;
        height: 500%;
    }

}