::selection {
    background-color: var(--hover);
    color: var(--bg);
}

:root {
    --bg: black;
    --fg: #00ff00;
    --link: green;
    --hover: white;
}

[data-theme="matrix"] {
    --bg: black;
    --fg: #00ff00;
    --link: green;
    --hover: white;
}

body {
    background-color: var(--bg);
    color: var(--fg);
    font-family: monospace;
    font-size: 14px;
}

pre {
    line-height: 1;
}

.heading {
    font-size: clamp(3px, 1.1vw, 14px);
    text-align: center;
    margin-top: 40px;
    margin-bottom: 40px;
}

.links {
    display: flex;
    justify-content: center;
    gap: 20px;
    margin-top: 20px;
}

.link {
    display: flex;
    flex-direction: column;
    align-items: center;

    height: clamp(100px, 30vw, 800px);
    width: clamp(100px, 30vw, 800px);

    border: 1px solid var(--fg);
}

a {
    text-decoration: none;
    color: var(--fg);
}