/* Handles the scroll dots on the side + future nav structure. */

/* =============================
   Dot Navigation
============================= */
.dot-nav {
  position: fixed;
  left: 2vw;
  top: 50%;
  transform: translateY(-50%);
  z-index: 15;
}

.dot-nav .dot {
  width: 10px;
  height: 10px;
  background: #999;
  margin: 12px 0;
  border-radius: 50%;
  transition: background 0.2s;
}

.dot-nav .dot.active {
  background: rgb(97,0,253);
}