site/site.css

/* about me section/first terminal */

#site > section {
    #logo {
        width: 40rem;
        height: auto;
        line-break: strict;
        margin-bottom: .5rem;
        text-align: center;
    }

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

    p {
        margin-top: 3px;
    }

    ul {
        text-align: left;

        li a {
            text-decoration: none !important;
        }
        li a:hover {
            text-decoration: underline !important;
        }
    }

    text-align: center;
}

/* buttons section !! */

.buttons {
    text-align: center;
    font-size: 0px;
    img {
        margin-right: 5px;
        image-rendering: auto;
        image-rendering: crisp-edges;
        image-rendering: pixelated;
        transition: transform .2s;
    }

    img:hover {
        transform: scale(2);
    }
}

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

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