/*---------------------------------------
   IMPORT WEB FONTS
-----------------------------------------*/
@font-face {
    font-family: 'EksjaExtremesRegular'; src: url(/includes/fonts/Eksja-regular.eot);
    src: local('?'), url(/includes/fonts/Eksja-regular.woff) format('woff'), url(/includes/fonts/Eksja-regular.ttf) format('truetype'), url(/includes/fonts/Eksja-regular.svg#webfont) format('svg');
    font-weight: normal;
    font-style: normal;
}
/*---------------------------------------
   STYLES
-----------------------------------------*/

html, body {
    height:100%; width:100%; padding: 0; margin: 0;
}

body {

}

#section1 {
    height: 100vh; width: 100vw; position: absolute;
}

#nav {
    width: 3.5em;
    position: fixed; left: 0;
    background: rgba(0, 0, 0, 0.23);
    height: 100%;
}
    #nav ul {
        list-style: none;
        padding: 0;
        margin: 0.5em 0 0 0.6em;
        text-indent: 0;
    }
    #nav ul li {
        width: 2.0em;
        background: slategray; color: #fff;
        font-family: EksjaExtremesRegular, "Helvetica Neue", Arial, sans-serif; font-size: 1.2em; font-weight: 600;
        text-align: center;
        padding: 0.25em;
        margin-bottom: 0.6em;
        -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%;
    }
    #nav ul li:hover {
        cursor: pointer;
    }

iframe {
    width: 100%; height: 100%; min-height: 480px;
}

.go-back:hover {
    cursor: pointer;
}