@import url("/stylesheets/main.css");

input#send-button {
    border: var(--border-width) black;
    background-color: white;
    font-family: "Press Start 2P";
    padding: 5px;
}

/* Mobile. */
@media screen and (min-width:0px) {
    input#user-name, input#user-email, textarea {
        padding: 10px;
        width: 80vw;
    }

    main {
        border: var(--border-width) blue;
        background-color: aquamarine;
        padding: var(--default-head-foot-padding);
        height: 60vh;
    }
}

/* Tablet. */
@media screen and (min-width:600px) {
    input#user-name, input#user-email, textarea {
        padding: 10px;
        width: 88vw;
    }

    main {
        border: var(--border-width) blue;
        background-color: aquamarine;
        padding: var(--default-head-foot-padding);
        height: 78vh;
    }
}


/* Desktop. */
@media screen and (min-width:1000px) {
    input#user-name {
        padding: 5px;
        width: 20vw;
    }

    input#user-email, textarea {
        padding: 5px;
        width: 50vw;
    }

    main {
        border: var(--border-width) blue;
        background-color: aquamarine;
        padding: var(--default-head-foot-padding);
        height: 75vh;
    }
}