body {
  margin: 0;
  height: 100vh;
  overflow-y: hidden;
}

.nav {
  position: fixed;
  z-index: 100 !important;
  left: 18px;
  top: 10px;

  font-size: 1.5em;
  font-family: Arial;
}

a {
  text-decoration: none;
}

.nav-one:hover {
  border-bottom: 2px solid #a6c4e5;
  color: #a6c4e5;
}

.nav-one {
  color: #a6c4e5;
}

.nav-two:hover {
  border-bottom: 2px solid #cea8bc;
  color: #cea8bc;
}

.nav-two {
  color: #cea8bc;
}

.nav-three:hover {
  border-bottom: 2px solid ;
  color: #edb476;
}

.nav-three {
  color: #edb476;
}

.off {
  color: black;
}

iframe {
  height: 100vh !important;
  border: none;
  width: 100%;
  margin: 0 auto;
}