.logo-icon {
  animation-duration: 3s;
  animation-name: logo;
  animation-iteration-count: 1;
  animation-direction: normal;
}

.app-menu-entry {
  animation-duration: 2s;
  animation-name: nav;
  animation-iteration-count: 1;
  animation-direction: normal;
  animation-timing-function: cubic-bezier(0.1, -0.6, 0.2, 0);
}

@keyframes logo {
  from {
    background-position: -62px;
    filter: blur(10px);
    opacity: 0;
  }
  50% {
    background-position: -62px;
    filter: blur(10px);
    opacity: 0;
  }
  to {
    background-position: 0px;
    filter: blur(0px);
    opacity: 1;
  }
}

@keyframes nav {
  from {
    margin-top: -50px;
    filter: blur(10px);
    opacity: 0;
  }

  to {
    margin-top: 0px;
    filter: blur(0px);
    opacity: 1;
  }
}