@import url("/css/fonts/fonts.css");
@import url("/css/global/global.css");
@import url("/css/components/header.css");
@import url("/css/components/footer.css");
@import url("/css/components/cards.css");
@import url("/css/components/formulario.css");
@import url("/css/components/toast.css");

main {
    justify-content: center;
}

form {
    padding: 1rem 3rem 2rem 3rem;
    background-color: aliceblue;
    width: 40%;
    margin: 4rem 0;
    max-width: 125rem;
    border-radius: .9375rem;
    box-shadow: 0 0 .4375rem #04445f56;
    -webkit-box-shadow: 0 0 .4375rem #04445f56;
    -moz-box-shadow: 0 0 .4375rem #04445f56;
}

form input,
form textarea {
    max-width: none;
    min-width: unset;
}

form textarea {
    margin-bottom: 1.1875rem;
}

/* Media Queries */

@media screen and (min-width: 64.0625rem) and (max-width: 85.375rem) {
    form {
        width: 60%;
    }
}

@media screen and (min-width: 48rem) and (max-width: 64rem) {
    form {
        width: 70%;
    }
}

@media screen and (min-width: 30.0625rem) and (max-width: 47.9375rem) {
    form {
        width: 90%;
        max-width: none;
        padding: 0 1rem 1rem 1rem;
    }

}

@media screen and (max-width: 30rem) {
    form {
        width: 95%;
        max-width: none;
        margin: 3rem 0;
    }

    form h2 {
        font-size: 1.2rem;
    }
}