*,
*:before,
*:after {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}
body {
  font-family: Segoe UI, Tahoma, Geneva, Verdana, sans-serif;
  overflow: hidden;
  width: 100vw;
  height: 100vh;
}
@keyframes progress {
  0% {
    transform: translate(-100%);
  }
  50% {
    transform: translate(0);
  }
  to {
    transform: translate(100%);
  }
}
@keyframes blink {
  0%,
  to {
    opacity: 1;
  }
  50% {
    opacity: 0;
  }
}
@keyframes fadeIn {
  0% {
    opacity: 0;
    transform: scale(0.95);
  }
  to {
    opacity: 1;
    transform: scale(1);
  }
}
@keyframes slideInLeft {
  0% {
    opacity: 0;
    transform: translate(-40px);
  }
  to {
    opacity: 1;
    transform: translate(0);
  }
}
@keyframes slideInRight {
  0% {
    opacity: 0;
    transform: translate(40px);
  }
  to {
    opacity: 1;
    transform: translate(0);
  }
}
@keyframes slideUp {
  0% {
    opacity: 0;
    transform: translateY(20px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes popIn {
  0% {
    opacity: 0;
    transform: scale(0.8);
  }
  to {
    opacity: 1;
    transform: scale(1);
  }
}
@keyframes scanProgress {
  0% {
    width: 0%;
  }
  60% {
    width: 40%;
  }
  to {
    width: 40%;
  }
}