@font-face {
    font-family: "myFirstFont";
    src: url("/fonts/myfont.ttf") format("truetype");
   /* or if you have an OTF: */
   /* src: url("/fonts/myfont.otf") format("opentype"); */
}

 * {
     margin:0;
     padding:0;
     height:98%;
     font-family:Verdana;
 }
 
 body {
   background: black;
 }
 
 
 
 .header {
   position: fixed;
   top: 0;
   left: 0;
   width: 100%;
   padding: 20px 10%;
   background: transparent;
   display: flex;
   justify-content: space-between;
   align-items: center;
   z-index: 100;
 }
 
 .logo {
   font-size:25px;
   color: white;
   text-decoration: none;
   font-weight:200;
   cursor:default;
 }
   
 .navbar a {
    font-size:18px;
    color: white;
    font-weight:200;
    margin-left:35px;
 }
 
 .navbar a:hover,
 .navbar a.active{
   color: #e3d9cf;
 }