h1, h2, h3 {
    color: var(--accent-color);
}
#page-content {
    display: flex;
    gap: 15px;
    flex-direction: row;
    align-content: flex-start;
    flex-wrap: wrap;
    font-size: 1.5rem;
}
input, textarea {
    padding: 2px 10px;
    width: 90%;
    margin-bottom: 10px;
    margin-left: 5%;
    margin-right: 5%;
}
input[type=submit] {
    width: auto;
    padding-inline: 10%;
    display: block;
    margin: auto;
}
#find-me-at > h3 {
    margin-bottom: 10px;
}
#contact-links {
    display: flex;
    gap: 15px;
}
#contact-links img {
    height: 1.5em;
}

@media screen and (min-width: 800px) { /* On Desktop/Tablets */
    #page-content {
        gap: 100px;
    }
    #page-content > div {
        flex-grow: 1;
        flex-shrink: 1;
        flex-basis: 45%;
        display: flex;
    }
    #contact-left-side {
        flex-direction: column;
    }
    input, textarea {
        width: 100%;
        margin-left: 0%;
        margin-right: 0%;
    }
    input[type=submit] {
        width: auto;
        float: right;
    }

}