h1, h2, h3, p {
    font-family: "Times New Roman", Times, serif;
    font-weight: normal;
}

nav a {
    color: black;
    text-decoration: underline;
    text-decoration-color: transparent;
    transition: 100ms ease-out;

    display: block;
    margin: 1em 0px;
}

nav a:hover {
    text-decoration-color: black;
}

body {
    background-color: beige;
    overflow: hidden;
}

#trailer {
    display: none;
}

@media (min-width: 1024px) {
    #trailer {
        display: block;

        width: 9px;
        height: 9px;
        background-color: black;
        border-radius: 100%;

        position: fixed;
        left: 0px;
        top: 0px;
        z-index: 10000;

        pointer-events: none;
    }

    body::before,
    body::after {
        position: absolute;
        left: 0;
        top: 0;
        content: '';
        width: 100%;
        height: 100%;
        z-index: -1;

        opacity: 30%;
    }

    body::before {
        filter: url(#noise-filter);
    }
}

.emoji {
    user-drag: none;
    user-select: none;
    -moz-user-select: none;
    -webkit-user-drag: none;
    -webkit-user-select: none;
    -ms-user-select: none;
}

.apple-emoji {
    width: 1em;
    vertical-align: bottom;
}

.haskell-emoji {
    width: 1em;
    vertical-align: baseline;
}

.rust-emoji {
    height: 1em;
    vertical-align: bottom;
}