.fondo {
    margin: 0;
    width: 100%;
    height: 100vh;
    background-image: url(./fondo1.jpg);
    align-items: center;
    justify-content: center;
    display: flex;
}

.cajappal {
    width: 35%;
    height: 40%;
    background: lightcoral;
    opacity: 80%;
    box-shadow:  0px 15px 30px rgba(0,0,0,.9);
    align-items: center;
    justify-content: center;
    display: flex;
    Flex-direction: column;
    border-radius: 20px;
    font-family: sans-serif;
    font-weight: bold;

}

.subcaja1 {
    width: 80%;
    align-items: center; 
    justify-content: center;
    display: flex;

}

/* .subcaja11 {
    width: 80%;
    align-items: center; 
    justify-content: center;
    display: column;

} */

input {
    width: 250px;
    height: 30px;
    border-radius: 30px;
    border: 2px solid blue;
    box-shadow:  0px 3px 3px rgba(0,0,0,.9);
}


button {
    width: 250px;
    height: 30px;
    border-radius: 30px;
    border: 2px solid blue;
    box-shadow:  0px 3px 3px rgba(0,0,0,.9);
    background: rgb(94, 131, 199);
}


@media screen and (max-width: 800px) {

    input {
        width: 150px;
    }
    button {
        width: 150px;
    }

}