body {
    font-family: 'GowunDodum', system-ui, sans-serif;
    color: var(--text-color);
    font-size: 1rem;
    min-height: 100vh;
    height: auto;
    background: #121212 linear-gradient(to bottom, #232323 0%, #1a1a1a 50%, #121212 100%);
    background-size: 100% 100%;
    position: relative;
    display: flex;
    flex-direction: column;
}

body::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: linear-gradient(rgba(255, 255, 255, 0.02) 1px, transparent 1px),
        linear-gradient(90deg, rgba(255, 255, 255, 0.02) 1px, transparent 1px);
    background-size: 2px 2px;
    opacity: 0.5;
    pointer-events: none;
}

main {
    flex-grow: 1;
}

.external-link::after {
    content: " ↗";
    font-size: 0.85em;
    display: inline-block;
    margin-left: 0.2em;
    vertical-align: baseline;
    text-decoration: none;
}