/*
* Prefixed by https://autoprefixer.github.io
* PostCSS: v8.4.14,
* Autoprefixer: v10.4.7
* Browsers: last 4 version
*/

/*---------------Mobile Viewport---------------*/
#form {
    color: #474747;
    border-top: 0.75em solid #009930;
    width: 90%;
}
label {
    font-weight: bolder;
    font-size: 2em;
}
#name, #email, #subject {
    height: 4em;
    border: 2px solid #474747;
    font-size: 2em;
}
#message {
    border: 2px solid #474747;
    height: 21em;
}
#name:focus, #email:focus, #subject:focus, #message:focus {
    border-color: #0bbfe8;
}
#submitBtn {
    background-color: #ed1c09;
    border: none;
    font-weight: bolder;
    font-size: 2em;
    border-radius: 10px;
}

/*---------------Larger Viewports---------------*/
@media screen and (min-width: 992px) {
    #form {
        border-top-width: 0.25em;
        width: 50%;
        border-radius: 0px;
        -webkit-box-shadow: 0px 0px 10px #474747;
                box-shadow: 0px 0px 10px #474747;
    }
    label {
        font-size:medium;
    }
    #name, #email, #subject {
        height: 3em;
        border: 1px solid #474747;
        font-size: medium;
    }
    #message {
        border: 1px solid #474747;
        height: 9em;
    }
    #submitBtn {
        font-size: medium;
        border-radius: 5px;
    }
}