@font-face
{
    font-family:  'JetBrains Mono';
    src:          url('/fonts/JetBrainsMono.woff2') format('woff2');
    font-weight:  300 800;
    font-style:   normal;
    font-display: swap;
}

:root
{
    --primary:   #f8ffff;
    --secondary: #09818d;
}

*
{
    border:     0;
    margin:     0;
    padding:    0;
    box-sizing: border-box;
}

html,
body
{
    min-height:      100%;
    scroll-behavior: smooth;
}

body
{
    overflow:            hidden scroll;
    font-family:         'JetBrains Mono', monospace;
    font-optical-sizing: auto;
    color:               var(--primary);
    background-color:    var(--secondary);
}

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

    &:hover,
    &:focus
    {
        outline:          none;
        color:            var(--secondary);
        background-color: var(--primary);
    }
}

ul
{
    list-style: none;
}