@charset "UTF-8";

@font-face {
  /* font-family: bit; */
  /* src: url(../fonts/8-BIT.TTF); */
}

header {
  position: sticky;
  top: 0;
  z-index: 100;
}

.nav-bar {
  top: 0;
  padding: 1em;
  display: flex;
  z-index: 100;
  align-items: center;
  justify-content: center;
  font-family: monospace;
  background-color: #e7e7e7;
  color: #202020;
}

.nav-bar logo {
  font-size: 18px;
  letter-spacing: -2px;
  /* font-family: bit; */
}

.nav-bar a {
  text-decoration: none;
  height: 25px;
  display: flex;
  align-items: center;
  margin-right: 8px;
  padding-right: 8px;
  border-right: 1px solid #333;
  color: #202020;
  cursor: pointer;
}

.nav-bar a:last-child {
  border-right: none;
}

.nav-bar a:first-child {
  border-right: none;
}

.nav-bar a img {
  height: 100%;
  margin-right: 10px;
}

@media screen and (max-width: 414px) {
}