@keyframes translateAnnouncementSlideIn {
    0% {
        opacity: 0;
        transform: translate(var(--announcement-translate-from))
    }
    to {
        opacity: 1;
        transform: translate(0)
    }
}

@keyframes translateAnnouncementSlideOut {
    0% {
        opacity: 1;
        transform: translate(0)
    }
    to {
        opacity: 0;
        transform: translate(var(--announcement-translate-to))
    }
}

@keyframes animateMenuOpen {
    0% {
        opacity: 0;
        transform: translateY(-1.5rem)
    }
    to {
        opacity: 1;
        transform: translateY(0)
    }
}


@keyframes rotation {
    0% {
        transform: rotate(0)
    }
    to {
        transform: rotate(-360deg)
    }
}

@-webkit-keyframes slidein1 {
    0% {
        opacity: 1
    }
    75% {
        opacity: 1
    }
    to {
        opacity: 0
    }
}

@keyframes slidein1 {
    0% {
        opacity: 1
    }
    75% {
        opacity: 1
    }
    to {
        opacity: 1
    }
}

@-webkit-keyframes slidein {
    0% {
        opacity: 1;
        margin-left: 3.125rem
    }
    50% {
        opacity: 1;
        margin-left: 2.95rem
    }
    75% {
        margin-left: 0;
        margin-right: auto;
        top: 15vh
    }
    to {
        opacity: 0;
        margin-left: 0;
        margin-right: auto
    }
}

@keyframes slidein {
    0% {
        margin-left: 3.125rem
    }
    50% {
        opacity: 1;
        margin-left: 1rem
    }
    75% {
        margin-left: 0;
        margin-right: auto;
        top: 15vh
    }
    to {
        margin-left: 0;
        margin-right: auto
    }
}

@-webkit-keyframes slidein3 {
    0% {
        opacity: 1;
        margin-left: 6.25rem
    }
    25% {
        margin-left: 6.25rem
    }
    75% {
        opacity: 1;
        margin-left: 1rem
    }
    to {
        margin-left: 0;
        margin-right: auto
    }
}

@keyframes slidein3 {
    0% {
        margin-left: 6.25rem
    }
    25% {
        margin-left: 6.25rem
    }
    75% {
        opacity: 1;
        margin-left: 1rem
    }
    to {
        margin-left: 0;
        margin-right: auto
    }
}

@keyframes rotation {
    0% {
      transform: rotate(0);
    }
    to {
      transform: rotate(-360deg);
    }
  }
  
  @-webkit-keyframes slidein1 {
    0% {
      opacity: 1;
    }
    75% {
      opacity: 1;
    }
    to {
      opacity: 0;
    }
  }
  
  @keyframes slidein1 {
    0% {
      opacity: 1;
    }
    75% {
      opacity: 1;
    }
    to {
      opacity: 1;
    }
  }
  
  @-webkit-keyframes slidein {
    0% {
      opacity: 1;
      margin-left: 3.125rem;
    }
    50% {
      opacity: 1;
      margin-left: 2.95rem;
    }
    75% {
      margin-left: 0;
      margin-right: auto;
      top: 15vh;
    }
    to {
      opacity: 0;
      margin-left: 0;
      margin-right: auto;
    }
  }
  
  @keyframes slidein {
    0% {
      margin-left: 3.125rem;
    }
    50% {
      opacity: 1;
      margin-left: 1rem;
    }
    75% {
      margin-left: 0;
      margin-right: auto;
      top: 15vh;
    }
    to {
      margin-left: 0;
      margin-right: auto;
    }
  }
  
  @-webkit-keyframes slidein3 {
    0% {
      opacity: 1;
      margin-left: 6.25rem;
    }
    25% {
      margin-left: 6.25rem;
    }
    75% {
      opacity: 1;
      margin-left: 1rem;
    }
    to {
      margin-left: 0;
      margin-right: auto;
    }
  }
  
  @keyframes slidein3 {
    0% {
      margin-left: 6.25rem;
    }
    25% {
      margin-left: 6.25rem;
    }
    75% {
      opacity: 1;
      margin-left: 1rem;
    }
    to {
      margin-left: 0;
      margin-right: auto;
    }
  }