/* nav */
nav {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;

    height: 65px;

    background-color: rgb(var(--theme_rgb));
    color: rgb(var(--bg2_rgb));
}

nav ul {
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    align-items: center;

    width: 100%;
    height: 100%;
    padding: 5px;
    margin: 0;
    box-sizing: border-box;
}

nav ul a, nav ul a:visited {
    color: rgb(var(--bg2_rgb));
}

/* main */
main {
    padding: 5px 0;
    min-height: calc(100vh - 65px - 185px);
    box-sizing: border-box;
}

/* footer */
footer {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;

    width: 100%;
    height: 185px;
    padding: 55px 0;
    box-sizing: border-box;
    background-color: rgb(var(--theme_rgb));
    box-sizing: border-box;

    color: rgb(var(--bg2_rgb));
    font-size: 14px;
    text-align: center;
}

footer p:not(:first-of-type) {
    margin-top: 3px;
}

footer p span {
    margin: 0 2px;
}

footer a, footer a:visited {
    color: rgb(var(--bg2_rgb));
}