.loading-screen-logo-wrapper {
   display: flex;
   justify-content: center;
   width: 100%;
   margin-bottom: 30px;
}
.loading-screen-logo-text {
   font-family: 'Kaushan Script', cursive;
   font-size: 35px;
   font-weight: 650;
   color: #15223f;
   text-shadow: 0px 3px 3px rgba(0, 0, 0, 0.3);
 }
#loading-screen {
   width: 100vw;
   height: 100vh;
   background-color: white;
   position: fixed;
   display: flex;
   justify-content: center;
   align-items: center;
   z-index: 10;
   flex-direction: column;
}
#loading-screen img {
   width: 200px;
   margin-bottom: 30px;
}
#loading-screen .loading-spinner .sk-chase {
   width: 40px;
   height: 40px;
   position: relative;
   animation: sk-chase 2.5s infinite linear both;
}
#loading-screen .loading-spinner .sk-chase-dot {
   width: 100%;
   height: 100%;
   position: absolute;
   left: 0;
   top: 0;
   animation: sk-chase-dot 2s infinite ease-in-out both;
}
#loading-screen .loading-spinner .sk-chase-dot:before {
   content: "";
   display: block;
   width: 25%;
   height: 25%;
   background-color: #232323;
   border-radius: 100%;
   animation: sk-chase-dot-before 2s infinite ease-in-out both;
}
#loading-screen .loading-spinner .sk-chase-dot:nth-child(1) {
   animation-delay: -1.1s;
}
#loading-screen .loading-spinner .sk-chase-dot:nth-child(2) {
   animation-delay: -1s;
}
#loading-screen .loading-spinner .sk-chase-dot:nth-child(3) {
   animation-delay: -0.9s;
}
#loading-screen .loading-spinner .sk-chase-dot:nth-child(4) {
   animation-delay: -0.8s;
}
#loading-screen .loading-spinner .sk-chase-dot:nth-child(5) {
   animation-delay: -0.7s;
}
#loading-screen .loading-spinner .sk-chase-dot:nth-child(6) {
   animation-delay: -0.6s;
}
#loading-screen .loading-spinner .sk-chase-dot:nth-child(1):before {
   animation-delay: -1.1s;
}
#loading-screen .loading-spinner .sk-chase-dot:nth-child(2):before {
   animation-delay: -1s;
}
#loading-screen .loading-spinner .sk-chase-dot:nth-child(3):before {
   animation-delay: -0.9s;
}
#loading-screen .loading-spinner .sk-chase-dot:nth-child(4):before {
   animation-delay: -0.8s;
}
#loading-screen .loading-spinner .sk-chase-dot:nth-child(5):before {
   animation-delay: -0.7s;
}
#loading-screen .loading-spinner .sk-chase-dot:nth-child(6):before {
   animation-delay: -0.6s;
}
@keyframes sk-chase {
   100% {
      transform: rotate(360deg);
  }
}
@keyframes sk-chase-dot {
   80%, 100% {
      transform: rotate(360deg);
  }
}
@keyframes sk-chase-dot-before {
   50% {
      transform: scale(0.4);
  }
   100%, 0% {
      transform: scale(1);
  }
}