:root {
    --primary: #0099e0;
    --gray: #888888;
    --bg: #191919;
    --fg: #fff;
}


html {
    overflow-y: scroll;
    height: 100vh;
}
html, body {
    width: 98%;
    max-width: 64rem;
    margin: auto;
    padding: auto;

    font-family: 'Hack', monospace;

    background-color: var(--bg);
    color: var(--fg);
    /* {color: var(--fg);} */
}


footer {
    margin-top: 5rem;
    padding-bottom: 2rem;
}

.pfp {
    margin-top: 2rem;

    img {
        margin-left: auto;
        margin-right: auto;
        display: flex;
        width: min(80vw, 20rem);
        border-radius: 5%;
    }

    h2 {
        width: fit-content;
        margin-left: auto;
        margin-right: auto;
    }
}

.green {
    font-weight: bolder;
}

a {
    color: var(--primary);
    text-decoration: none;
}
/*
a:not(.noshow):hover::before {
    content: '[';
}

a:not(.noshow):hover::after {
    content: '](' attr(href) ')';
}
*/