style.css

* {
    /* border: black solid 1px; */
    box-sizing: border-box;
    border: none;
    border-collapse: collapse;
    color: white;
    font-family: 'Roboto', sans-serif;
}

body {
    width: 100%;
    max-width: 300px;
}

#contact {
    background-color:rgba(250, 50, 75, 255);
    text-align: center;
    padding: 3%;
}

#contactHeaders {
    width: 100%;
    padding: 0;
    margin: 0;
}

.contactHeaderLarge {
    font-size: xx-large;
    font-weight: bolder;
}
.contactHeaderSmall {
    font-size: xx-small;
}

input, select, textarea {
    background-color: rgba(202,43,58,255);
    color: white;
    width: 100%;
    border: none;
    padding: 2%;
    margin: 2% 0;
    display: block;
}

input, textarea {
    font-size: xx-small;
    font-weight: lighter;
}

textarea {
    resize: none;
}

.subjectdiv {
    position: relative;
}

.subjectdiv:after {
    content: '▼';
    font-size: 4px;
    /* offset from the top right */
    position: absolute;
    top: 10px;
    right: 6px;
    pointer-events: none;
}

#subject {
    font-size: xx-small;
    appearance: none;  /* hide the default down-arrow */
}

#submit {
    background-color: white;
    color: red;
    width: 100%;
    font-size: x-small;
    border-bottom: black 2px solid;
    border-bottom-style: groove;
    padding: 1.5em;
    margin-bottom: 3%;
}