:root {
    --palette-background-base: 19 19 19;
    --palette-text-normal: 250 250 250;
    --palette-text-link: 125 188 250;
    --palette-text-visited: 188 125 250;
}

body {
    margin: 0;
    background-color: rgb(var(--palette-background-base));
    color: rgb(var(--palette-text-normal));
}

h1 {
    color: rgb(var(--palette-text-normal) / 0.9);
}

a {
    color: rgb(var(--palette-text-link));
}
a:visited {
    color: rgb(var(--palette-text-visited));
}

.main-container {
    margin: 0 auto;
    width: auto;
    max-width: 1044px;
}

@media (hover: hover) {
    a {
        transition-duration: 0.2s;
    }
    a:hover {
        text-decoration: none;
        background-color: rgb(128 128 128 / 0.3);
    }
}

@media screen and (max-width: 599px) {
    .main-container {
        width: 100%;
        padding: 0.5rem;
    }
}