@font-face {
    font-family: 'Code-Next';
    src: url('fonts/CodeNext-Trial-Book.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

body{color: white; background-color: #242323; margin: 0; font-family: Code-Next, sans-serif;}

.hamburger {
    cursor: pointer;
    position: relative;
    display: inline-block;
    float: right;
    width: 2.25em;
    height: 1.2em;
    margin-right: 0.3em;
    border-top: 0.2em solid #fff;
    border-bottom: 0.2em solid #fff;
    margin-top: 28px;
}

.hamburger:before {
    content: "";
    position: absolute;
    top: 0.5em;
    left: 0px;
    width: 100%;
    border-top: 0.2em solid #fff;
}

#main_nav{position: fixed; height: 80px; width: 100%; backdrop-filter: blur(40px);background-color: #004a3869;width:100%;}
#logo{background-size: contain; background-repeat: no-repeat;width: 250px; height: 60px; margin: 10px 0; background-image: url("https://dev.auroracoin101.is/img/auroracoin101logowhite(99k).png"); display: inline-block;}
#nav_links a{ display:block; width:30%; font-size:1.7em;text-align:center; text-decoration:none; color:white; margin:0 auto; margin-bottom:15px; padding-bottom: 15px; font-weight: 100; border-bottom: 1px dotted #ffffff5c;}
#nav_links{padding: 60px 0 40px 0; display: none; backdrop-filter: blur(40px);background-color: #22004a69; min-height: 225px;}
.container{max-width:1200px; padding: 0 8px; margin: 0 auto;}
.first{padding-top: 80px;}