@font-face {
  font-family: 'DepartureMono'; 
  src: url('font/DepartureMono-Regular.woff2') format('woff2'); 
  font-weight: normal;
  font-style: normal;
  font-smooth: never;
  -webkit-font-smoothing: none;
  -moz-osx-font-smoothing: unset;
}

@font-face {
  font-family: 'Cozette'; 
  src: url('font/CozetteVector.woff2') format('woff2'); 
  font-weight: normal;
  font-style: normal;
  font-smooth: never;
  -webkit-font-smoothing: none;
  -moz-osx-font-smoothing: unset;
}

.symbol {
  font-family: 'Cozette';
}
  
.topBar {
  p{
    color: black;
    margin: 0;
  }
  display: flex;
  justify-content: center;
  background-color: white;
  
}

  a {
    color: white;
    text-decoration: none;

    &:hover {
      color: white; 
      text-decoration: underline;
    }

    &:visited {
      color: #a9a9a9; 
    }
  }
  
nav {
  a{
    margin: 20px;
    color: black !important; 
  }
  background-color: white;
}

#currentPage {
  background-color: black;
  padding: 0px 2px 0px 2px;
  color: white !important; 
}


.main {
  padding: 6px;
  border-style: double;
  display: flex;
  justify-content: space-between;
  margin: 12px;
  
  p{
    margin: 0;
  }
}

.mainContent {
 flex-grow: 2; 
}

.mainSide {

}


body {
  margin: 0;
  background-image: url('img/static.png');
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-size: cover;
  
  font-size: 18px;
  font-family: DepartureMono;
  color: white;
  

  
}