@import url(https://fonts.bunny.net/css?family=comfortaa:300,400,500,600,700|dela-gothic-one:400|dm-mono:300,300i,400,400i,500,500i);

:root {
    --bg-color: white;
    --text-color: black;
}

@media (prefers-color-scheme: dark) {
    :root {
        --bg-color: black;
        --text-color: white;
    }
}

/* Move ::selection outside */
::selection {
    background-color: orange;
    color: white;
}

.container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 20px;
}

.no-select {
    user-select: none;
}

body {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    min-height: 100vh;
    margin: 0;
    background-color: var(--bg-color);
    color: var(--text-color);
    transition: background-color 0.3s, color 0.3s;
    font-family: 'DM Mono', sans-serif;
    font-size: clamp(14px, 2vw, 24px);
}

/* Move h1 outside body */
h1 {
    font-size: clamp(22px, 5.5vw, 55px);
    font-family: 'Dela Gothic One', 'DM Mono', Arial, Helvetica, sans-serif;
    text-align: center;
}

h2,
h3 {
    font-family: 'Dela Gothic One', 'DM Mono', Arial, Helvetica, sans-serif;
    text-align: center;
}

.pointDown {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 50vh;
    overflow: hidden;
}

.pointDown img {
    max-height: 50vh;
    max-width: 40%;
    object-fit: contain;
}


ul {
    list-style-type: none;
}

/* footer::after {
    content: " " counter(year);
    counter-reset: year 2025;
    /* Manually update this each year 
} */