main {
    text-align: center;
    padding: 10em 0;
    background-image: url("../assets/gallery/contact.jpg");
    background-size: cover;
    /*background-position: center bottom;*/
}
#contact section {
    display: inline-block;
    margin: 1em;
    background-color: var(--bg);
    color: var(--fg);
    text-align: justify;
    padding: 2em;
    opacity: 80%;
    transition: all 250ms ease-out;
    cursor: pointer;
}
#contact section:hover {
    opacity: 100%;
    box-shadow: 0 0 40px var(--bg-transparent-20);
}
#contact a {
    color: var(--accent);
}
#contact a:visited {
    color: #cccccc;
}