@font-face {
    font-family: 'Norse';
    src: url('../fonts/Norse.otf') format('opentype');
}
@font-face {
    font-family: 'OpenSans';
    src: url('../fonts/OpenSans-Regular.ttf') format('truetype');
}
@font-face {
    font-family: 'PressStart';
    src: url('../fonts/prstartk.ttf') format('truetype');
}
@font-face {
    font-family: 'AveriaSerifLibre';
    src: url('../fonts/AveriaSerifLibre-Regular.ttf') format('truetype');
}

html, body
{
    background-image: url('images/default_background.png');
    background-size: cover;
    background-position: center;
    background-repeat: repeat;
    background-attachment: fixed;
    padding: 0;
    min-height: 100vh;      /* full viewport height */

}


footer {
    position: fixed;
    bottom: 0;
    width: 100%;
    text-align: center;
    padding: 4px 0;
    background-color: rgba(0, 0, 0, 0.66);
    color: #FFFFFF;
    font-family: 'OpenSans', sans-serif;
    font-size: 9px;
}

#navbar {
    display: block;
    position: fixed;
    justify-self: center;
    justify-content: space-around;
    justify-content-vertical: center;
    top: 0;
    width: 1080px;
    height: 66px;
    z-index: 999;
    background-color: rgba(0, 0, 0, 0.66);
    align-content: center;
    
}
/*
#navbar_left {
    display: inline-block;
    position: fixed;
    justify-self: left;
    justify-content: space-around;
    justify-content-vertical: center;
    top: 0;
    height: 66px;
    background: linear-gradient(to left, black 0%, transparent 66%);
}

#navbar_right {
    display: flex;
    position: fixed;
    justify-self: right;
    justify-content: space-around;
    top: 0;
    height: 66px;
    background: linear-gradient(to right, black 0%, transparent 66%);
}
*/
#menu {
    display: inline-block;
    position: fixed;
    justify-self: center;
    top: 0;
    width: 1080px;
    height: 66px;
    z-index: 999;
    background-color: transparent;
    align-content: center;
}
#navbar a {
    color: #FFFFFF;
    text-decoration: none;
    font-family: 'Norse', serif;
    font-size: 42px;
    margin: 10px 10px;
    transition: color 0.3s ease;
}