html {
  height: 100%;
}

body {
  margin: 0;
  min-height: 100%;
  background-color: #f5f5f3;
  background-size: 100% 100%;
}

.center-img {
  margin: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.contain {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.stretch {
  display: block;
  width: 100%;
  height: 100%;
}

.cover {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.bottom {
  position: absolute;
  bottom: 0;
  left: 50%;
  -ms-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
}

.bottomLeft {
  position: absolute;
  bottom: 0;
  left: 0;
}

.bottomRight {
  position: absolute;
  bottom: 0;
  right: 0;
}

@media (prefers-color-scheme: dark) {
  body {
    background-color: #1f2324;
  }
}

.center {
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  height: 100%;
}
@media (prefers-color-scheme: light) {
  @-webkit-keyframes animate-svg-fill-1 {
    0% {
      fill: transparent;
    }

    100% {
      fill: rgb(0, 0, 0);
    }
  }
}
@media (prefers-color-scheme: dark) {
  @-webkit-keyframes animate-svg-fill-1 {
    0% {
      fill: transparent;
    }

    100% {
      fill: rgb(255, 255, 255);
    }
  }
}
@media (prefers-color-scheme: light) {
  @keyframes animate-svg-fill-1 {
    0% {
      fill: transparent;
    }

    100% {
      fill: rgb(0, 0, 0);
    }
  }
}
@media (prefers-color-scheme: dark) {
  @keyframes animate-svg-fill-1 {
    0% {
      fill: transparent;
    }

    100% {
      fill: rgb(255, 255, 255);
    }
  }
}

.svg-elem-1 {
  -webkit-animation: animate-svg-fill-1 0.4s cubic-bezier(0.47, 0, 0.745, 0.715)
    0.5s both;
  animation: animate-svg-fill-1 0.4s cubic-bezier(0.47, 0, 0.745, 0.715) 0.5s
    both;
}

@media (prefers-color-scheme: light) {
  @-webkit-keyframes animate-svg-fill-2 {
    0% {
      fill: transparent;
    }

    100% {
      fill: rgb(0, 0, 0);
    }
  }
}
@media (prefers-color-scheme: dark) {
  @-webkit-keyframes animate-svg-fill-2 {
    0% {
      fill: transparent;
    }

    100% {
      fill: rgb(255, 255, 255);
    }
  }
}
@media (prefers-color-scheme: light) {
  @keyframes animate-svg-fill-2 {
    0% {
      fill: transparent;
    }

    100% {
      fill: rgb(0, 0, 0);
    }
  }
}
@media (prefers-color-scheme: dark) {
  @keyframes animate-svg-fill-2 {
    0% {
      fill: transparent;
    }

    100% {
      fill: rgb(255, 255, 255);
    }
  }
}

.svg-elem-2 {
  -webkit-animation: animate-svg-fill-2 0.4s cubic-bezier(0.47, 0, 0.745, 0.715)
    0.6s both;
  animation: animate-svg-fill-2 0.4s cubic-bezier(0.47, 0, 0.745, 0.715) 0.6s
    both;
}

@media (prefers-color-scheme: light) {
  @-webkit-keyframes animate-svg-fill-3 {
    0% {
      fill: transparent;
    }

    100% {
      fill: rgb(0, 0, 0);
    }
  }
}
@media (prefers-color-scheme: dark) {
  @-webkit-keyframes animate-svg-fill-3 {
    0% {
      fill: transparent;
    }

    100% {
      fill: rgb(255, 255, 255);
    }
  }
}
@media (prefers-color-scheme: light) {
  @keyframes animate-svg-fill-3 {
    0% {
      fill: transparent;
    }

    100% {
      fill: rgb(0, 0, 0);
    }
  }
}
@media (prefers-color-scheme: dark) {
  @keyframes animate-svg-fill-3 {
    0% {
      fill: transparent;
    }

    100% {
      fill: rgb(255, 255, 255);
    }
  }
}

.svg-elem-3 {
  -webkit-animation: animate-svg-fill-3 0.4s cubic-bezier(0.47, 0, 0.745, 0.715)
    0.7s both;
  animation: animate-svg-fill-3 0.4s cubic-bezier(0.47, 0, 0.745, 0.715) 0.7s
    both;
}

@media (prefers-color-scheme: light) {
  @-webkit-keyframes animate-svg-fill-4 {
    0% {
      fill: transparent;
    }

    100% {
      fill: rgb(0, 0, 0);
    }
  }
}
@media (prefers-color-scheme: dark) {
  @-webkit-keyframes animate-svg-fill-4 {
    0% {
      fill: transparent;
    }

    100% {
      fill: rgb(255, 255, 255);
    }
  }
}
@media (prefers-color-scheme: light) {
  @keyframes animate-svg-fill-4 {
    0% {
      fill: transparent;
    }

    100% {
      fill: rgb(0, 0, 0);
    }
  }
}
@media (prefers-color-scheme: dark) {
  @keyframes animate-svg-fill-4 {
    0% {
      fill: transparent;
    }

    100% {
      fill: rgb(255, 255, 255);
    }
  }
}

.svg-elem-4 {
  -webkit-animation: animate-svg-fill-4 0.4s cubic-bezier(0.47, 0, 0.745, 0.715)
    0.8s both;
  animation: animate-svg-fill-4 0.4s cubic-bezier(0.47, 0, 0.745, 0.715) 0.8s
    both;
}

@media (prefers-color-scheme: light) {
  @-webkit-keyframes animate-svg-fill-5 {
    0% {
      fill: transparent;
    }

    100% {
      fill: rgb(0, 0, 0);
    }
  }
}
@media (prefers-color-scheme: dark) {
  @-webkit-keyframes animate-svg-fill-5 {
    0% {
      fill: transparent;
    }

    100% {
      fill: rgb(255, 255, 255);
    }
  }
}
@media (prefers-color-scheme: light) {
  @keyframes animate-svg-fill-5 {
    0% {
      fill: transparent;
    }

    100% {
      fill: rgb(0, 0, 0);
    }
  }
}
@media (prefers-color-scheme: dark) {
  @keyframes animate-svg-fill-5 {
    0% {
      fill: transparent;
    }

    100% {
      fill: rgb(255, 255, 255);
    }
  }
}

.svg-elem-5 {
  -webkit-animation: animate-svg-fill-5 0.4s cubic-bezier(0.47, 0, 0.745, 0.715)
    0.9s both;
  animation: animate-svg-fill-5 0.4s cubic-bezier(0.47, 0, 0.745, 0.715) 0.9s
    both;
}

@media (prefers-color-scheme: light) {
  @-webkit-keyframes animate-svg-fill-6 {
    0% {
      fill: transparent;
    }

    100% {
      fill: rgb(0, 0, 0);
    }
  }
}
@media (prefers-color-scheme: dark) {
  @-webkit-keyframes animate-svg-fill-6 {
    0% {
      fill: transparent;
    }

    100% {
      fill: rgb(255, 255, 255);
    }
  }
}
@media (prefers-color-scheme: light) {
  @keyframes animate-svg-fill-6 {
    0% {
      fill: transparent;
    }

    100% {
      fill: rgb(0, 0, 0);
    }
  }
}
@media (prefers-color-scheme: dark) {
  @keyframes animate-svg-fill-6 {
    0% {
      fill: transparent;
    }

    100% {
      fill: rgb(255, 255, 255);
    }
  }
}

.svg-elem-6 {
  -webkit-animation: animate-svg-fill-6 0.4s cubic-bezier(0.47, 0, 0.745, 0.715)
    1s both;
  animation: animate-svg-fill-6 0.4s cubic-bezier(0.47, 0, 0.745, 0.715) 1s both;
}

@media (prefers-color-scheme: light) {
  @-webkit-keyframes animate-svg-fill-7 {
    0% {
      fill: transparent;
    }

    100% {
      fill: rgb(0, 0, 0);
    }
  }
}
@media (prefers-color-scheme: dark) {
  @-webkit-keyframes animate-svg-fill-7 {
    0% {
      fill: transparent;
    }

    100% {
      fill: rgb(255, 255, 255);
    }
  }
}
@media (prefers-color-scheme: light) {
  @keyframes animate-svg-fill-7 {
    0% {
      fill: transparent;
    }

    100% {
      fill: rgb(0, 0, 0);
    }
  }
}
@media (prefers-color-scheme: dark) {
  @keyframes animate-svg-fill-7 {
    0% {
      fill: transparent;
    }

    100% {
      fill: rgb(255, 255, 255);
    }
  }
}

.svg-elem-7 {
  -webkit-animation: animate-svg-fill-7 0.4s cubic-bezier(0.47, 0, 0.745, 0.715)
    1.1s both;
  animation: animate-svg-fill-7 0.4s cubic-bezier(0.47, 0, 0.745, 0.715) 1.1s
    both;
}

@media (prefers-color-scheme: light) {
  @-webkit-keyframes animate-svg-fill-8 {
    0% {
      fill: transparent;
    }

    100% {
      fill: rgb(0, 0, 0);
    }
  }
}
@media (prefers-color-scheme: dark) {
  @-webkit-keyframes animate-svg-fill-8 {
    0% {
      fill: transparent;
    }

    100% {
      fill: rgb(255, 255, 255);
    }
  }
}
@media (prefers-color-scheme: light) {
  @keyframes animate-svg-fill-8 {
    0% {
      fill: transparent;
    }

    100% {
      fill: rgb(0, 0, 0);
    }
  }
}
@media (prefers-color-scheme: dark) {
  @keyframes animate-svg-fill-8 {
    0% {
      fill: transparent;
    }

    100% {
      fill: rgb(255, 255, 255);
    }
  }
}

.svg-elem-8 {
  -webkit-animation: animate-svg-fill-8 0.4s cubic-bezier(0.47, 0, 0.745, 0.715)
    1.2000000000000002s both;
  animation: animate-svg-fill-8 0.4s cubic-bezier(0.47, 0, 0.745, 0.715)
    1.2000000000000002s both;
}

@media (prefers-color-scheme: light) {
  @-webkit-keyframes animate-svg-fill-9 {
    0% {
      fill: transparent;
    }

    100% {
      fill: rgb(0, 0, 0);
    }
  }
}
@media (prefers-color-scheme: dark) {
  @-webkit-keyframes animate-svg-fill-9 {
    0% {
      fill: transparent;
    }

    100% {
      fill: rgb(255, 255, 255);
    }
  }
}
@media (prefers-color-scheme: light) {
  @keyframes animate-svg-fill-9 {
    0% {
      fill: transparent;
    }

    100% {
      fill: rgb(0, 0, 0);
    }
  }
}
@media (prefers-color-scheme: dark) {
  @keyframes animate-svg-fill-9 {
    0% {
      fill: transparent;
    }

    100% {
      fill: rgb(255, 255, 255);
    }
  }
}

.svg-elem-9 {
  -webkit-animation: animate-svg-fill-9 0.4s cubic-bezier(0.47, 0, 0.745, 0.715)
    1.3s both;
  animation: animate-svg-fill-9 0.4s cubic-bezier(0.47, 0, 0.745, 0.715) 1.3s
    both;
}

@media (prefers-color-scheme: light) {
  @-webkit-keyframes animate-svg-fill-10 {
    0% {
      fill: transparent;
    }

    100% {
      fill: rgb(0, 0, 0);
    }
  }
}
@media (prefers-color-scheme: dark) {
  @-webkit-keyframes animate-svg-fill-10 {
    0% {
      fill: transparent;
    }

    100% {
      fill: rgb(255, 255, 255);
    }
  }
}
@media (prefers-color-scheme: light) {
  @keyframes animate-svg-fill-10 {
    0% {
      fill: transparent;
    }

    100% {
      fill: rgb(0, 0, 0);
    }
  }
}
@media (prefers-color-scheme: dark) {
  @keyframes animate-svg-fill-10 {
    0% {
      fill: transparent;
    }

    100% {
      fill: rgb(255, 255, 255);
    }
  }
}

.svg-elem-10 {
  -webkit-animation: animate-svg-fill-10 0.4s
    cubic-bezier(0.47, 0, 0.745, 0.715) 1.4s both;
  animation: animate-svg-fill-10 0.4s cubic-bezier(0.47, 0, 0.745, 0.715) 1.4s
    both;
}