body {
  margin: 0;
  padding: 0;
  background-position: top center;
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-size: cover;
  min-height: 100vh;
  min-width: 100vw;
  overflow-x: hidden;
  padding-bottom: 40px;
}

.container.mask {
  background-color: rgba(255, 255, 255, 0.8);
  padding-bottom: 40px;
}

.nav > li:hover{
  -webkit-transition-property: background-color; /* Safari */
  -webkit-transition-duration: 0.15s; /* Safari */
  transition-property: background-color;
  transition-duration: 0.15s;
}

.nav > li{
  -webkit-transition-property: background-color; /* Safari */
  -webkit-transition-duration: 0.8s; /* Safari */
  transition-property: background-color;
  transition-duration: 0.8s;
}

.nav > li:hover{
  background-color: rgb(38, 224, 220);
}

.video-annotations {
  display:none;
}

.youtube-container {
    overflow: hidden;
    width: 100%;
    aspect-ratio: 16/9;
    pointer-events: none;
}

.youtube-container iframe {
    width: 300%;
    height: 100%;
    margin-left: -100%;
}