body {
    background-color: rgb(24, 26, 27);
    color: rgb(232, 230, 227);
}

.main-image {
    width: 50%;
    border-radius: 50% !important;
}

.icon {
    display: inline-block;
    width: 1em;
    height: 1em;
}

.icon-small {
    display: inline-block;
    width: 0.8em;
    height: 0.8em;
}

/*@media (max-width: 600px) {*/
/*    .footer {*/
/*        display: none;*/
/*    }*/
/*}*/

@media (min-width: 1024px) {
    #main {
        font-size: 1.2em;
        overflow: hidden;
    }

    .main-image {
        width: 50%;
    }

    .child {
        position: relative;
        top: 50%;
        height: 100vh;
        width: 100%;
        margin-top: -128px;
        /* account for padding and border if not using box-sizing: border-box; */
        overflow: hidden;
    }

    #main .imgBorder {
        position: relative;
        top: 50vh;
        transform: translateY(-50%);
    }

    #main #connects a {
        padding-right: 8px;
    }

}