@-webkit-keyframes custom-swing {
  2% {
    -webkit-transform: rotate3d(0, 0, 1, 15deg);
    transform: rotate3d(0, 0, 1, 15deg);
  }

  4% {
    -webkit-transform: rotate3d(0, 0, 1, -10deg);
    transform: rotate3d(0, 0, 1, -10deg);
  }

  6% {
    -webkit-transform: rotate3d(0, 0, 1, 5deg);
    transform: rotate3d(0, 0, 1, 5deg);
  }

  8% {
    -webkit-transform: rotate3d(0, 0, 1, -5deg);
    transform: rotate3d(0, 0, 1, -5deg);
  }

  10% {
    -webkit-transform: rotate3d(0, 0, 1, 0deg);
    transform: rotate3d(0, 0, 1, 0deg);
  }

  100% {
    -webkit-transform: rotate3d(0, 0, 1, 0deg);
    transform: rotate3d(0, 0, 1, 0deg);
  }
}
@keyframes custom-swing {
  2% {
    -webkit-transform: rotate3d(0, 0, 1, 15deg);
    transform: rotate3d(0, 0, 1, 15deg);
  }

  4% {
    -webkit-transform: rotate3d(0, 0, 1, -10deg);
    transform: rotate3d(0, 0, 1, -10deg);
  }

  6% {
    -webkit-transform: rotate3d(0, 0, 1, 5deg);
    transform: rotate3d(0, 0, 1, 5deg);
  }

  8% {
    -webkit-transform: rotate3d(0, 0, 1, -5deg);
    transform: rotate3d(0, 0, 1, -5deg);
  }

  10% {
    -webkit-transform: rotate3d(0, 0, 1, 0deg);
    transform: rotate3d(0, 0, 1, 0deg);
  }

  100% {
    -webkit-transform: rotate3d(0, 0, 1, 0deg);
    transform: rotate3d(0, 0, 1, 0deg);
  }
}

.logo {
  height: 2rem;
  -webkit-animation-name: custom-swing;
  animation-name: custom-swing;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-duration: 8s !important;
  animation-duration: 8s !important;
}

.nav {
  position: fixed;
  top: 50%;
  right: 0;
  z-index: 99;
  display: flex;
  flex-flow: column;
}

.nav li {
  width: 50px;
  text-align: center;
}

.nav li a {
  display: block;
  height: 100%;
  width: 100%;
  color: white;
}

.nav li.active {
  background-color: rgba(0, 0, 0, 0.3);
}

.navbar {
  position: absolute !important;
  width: 100%;
  z-index: 100;
}

.section-container {
  display: flex;
  flex-flow: column;
  justify-content: center;
}

.adress {
  position: absolute;
  left: 0;
  bottom: 0;
  color: white;
  opacity: 0.6;
}

.adress li {
  list-style: none;
}

.top1rem {
  margin-top: 1rem;
}
