/* about me section/first terminal */

#site > section {
    #logo {
        width: 40rem;
        height: auto;
    }

    h1 {
        margin-top: -1rem;
        margin-bottom: 1px;
    }

    p {
        margin-top: 3px;
    }

    text-align: center;
}

/* buttons section !! */

.buttons {
    font-size: 0px;
    img {
        margin-right: 5px;
        image-rendering: auto;
        image-rendering: crisp-edges;
        image-rendering: pixelated;
    }
}

/* modify widths and spacing depending on the size of the display */

@media screen and (max-width: 59em) {
    #sneexy > section {
        #logo {
            max-width: 100%;
        }

        .selfinfo {
            grid-template-areas:
                "pronouns"
                "names";
            div {
                text-align: center;
                margin-left: auto;
                margin-right: auto;
                ul {
                    text-align: left !important;
                }
            }
            div:first-child {
                margin-bottom: 1em;
            }
            div:last-child {
                margin-left: auto !important;
            }
        }
    }
    .socials-contacts-list {
        grid-template-columns: repeat(1, 1fr);
    }
}