#myNavbar a {
  text-decoration: none;
  color: white; }

.menu-item, .menu-subitem {
  position: relative;
  padding: 0.1rem 0;
  z-index: 10;
  width: 95%;
  padding-left: 5%;
  transition: all 0.5s;
  color: white; }

.menu-subitem {
  padding-left: 10%;
  width: 90%; }

.current-menu-item {
  position: relative;
  z-index: 11; }

.landingTransitionDiv {
  position: absolute;
  animation-name: dispearingTransition;
  animation-duration: 1s;
  animation-fill-mode: forwards; }

@keyframes dispearingTransition {
  0% {
    top: -100vh;
    left: -50vw;
    width: 150vw;
    height: 200vh; }
  30% {
    top: -100vh;
    left: 90%;
    width: 100vw;
    height: 200vh; }
  60% {
    top: 45%;
    left: 90%;
    width: 100vw;
    height: 10%; }
  90% {
    top: 45%;
    left: 0%;
    width: 100%;
    height: 10%; }
  99% {
    opacity: 1; }
  100% {
    opacity: 0;
    width: 0;
    height: 0;
    top: 45%;
    left: 0; } }
.exitTransitionDiv {
  position: absolute;
  animation-name: appearingTransition;
  animation-duration: 2s;
  animation-fill-mode: backwards; }

@keyframes appearingTransition {
  0% {
    opacity: 0;
    width: 0;
    height: 0;
    top: 45%;
    left: 90%; }
  5% {
    top: 45%;
    left: 90%;
    width: 100%;
    height: 10%;
    opacity: 1; }
  20% {
    top: 45%;
    left: 90%;
    width: 100vw;
    height: 10%; }
  35% {
    top: -100vh;
    left: 90%;
    width: 100vw;
    height: 200vh; }
  50% {
    top: -100vh;
    left: -50vw;
    width: 150vw;
    height: 200vh; } }

/*# sourceMappingURL=navbarElements.css.map */