:root {
    --bg: #1f1f1f;
    --text: #fff;
    --navbg: #1a1a1a;
}

* {
    font-family: monospace;
    margin: 0;
    padding: 0;
}

body {
    background-color: var(--bg);
    overflow: hidden;
}

h1 {
    color: var(--text);
    font-size: 60px;
}

h2 {
    color: var(--text);
}

#title {
    position: absolute;
    text-align: center;
    top: 45%;
    left: 50%;
    transform: translate(-50%, -50%);
}

#subtitle {
    position: absolute;
    text-align: center;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.sidenav {
    height: 100%;
    width: 10%;
    position: fixed;
    z-index: 1;
    top: 0;
    left: 0;
    overflow-x: hidden;
    background-color: var(--navbg);
}