html, body{
  font-family:'Share Tech Mono', monospace;
  margin:0;
  padding:0;
  background:black;
  overflow-x:hidden;
}

/* CONTAINER */
.bg-container{
  position:relative;
  width:100%;
}

/* IMAGE */
.bg-img{
  width:100%;
  height:auto;
  display:block;
}

/* NAV */
.nav{
  position:absolute;
  top:10px;
  right:20px;

  display:flex;
  gap:clamp(6px, 1vw, 12px);

  z-index:20;
}

/* LINKS */
.nav a{
  color:white;
  text-decoration:none;
  font-size:clamp(10px, 1.2vw, 16px);
}

.nav span{
  color:rgba(255,255,255,0.5);
}

/* TOP BAR */
.top-bar{
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:40px;
  background:black;
  z-index:10;
}

/* BOTTOM BAR */
.bottom-bar{
  width:100%;
  height:30px;
  background:black;

  display:flex;
  align-items:center;
  justify-content:center;

  font-size:12px;
  color:rgba(255,255,255,0.6);
  letter-spacing:1px;
}

/* MOBILE */

@media (max-width: 600px){
  .nav{
    top:8px;
    right:12px;
  }
}

}