body {
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: column;
    height: 100vh;
}

header {
    span.full-name {
        position: absolute;
        margin: 15px 0 0 15px;
        background-color: transparent;
        font-family: 'Major Mono Display', monospace;
        letter-spacing: .5em;
        font-size: 6vw;
        color: #fff;
        mix-blend-mode: overlay;
    }
}

section {
    a {
        text-decoration: none;
        color: #731a22;

        &:visited {
            color: #434343;
            text-decoration: underline;
        }
    }

    &#content {
        display: flex;
        color: #434343;
        font-family: 'Montserrat', sans-serif;
        text-decoration: none;
        width: 100vw;
        justify-content: space-evenly;
        flex: 1;
        flex-wrap: wrap;

        .lk, .l-s, .steve {
            display: flex;
            flex-direction: column;
            min-width: 30vw;
            text-align: center;
            word-wrap: break-word;

            ul {
                display: flex;
                flex-direction: column;
                flex: 1;
                justify-content: space-evenly;
                margin: 0;
                padding: 0;
                list-style-type: none;
            }

            .name {
                span:first-child {
                    font-family: 'Major Mono Display', monospace;
                    letter-spacing: .5em;
                    font-size: 3vw;
                    font-weight: 1000;

                    @media screen and (max-width: 40em) {
                        font-size: 1em;
                    }
                }
            }
        }
    }
}

canvas {
    display: block;
    width: 100vw;
    min-height: 25vh;

    margin: auto;
    padding: 0;
    border: none;
    background-color: #fff;
}