.loaded .preloaded {
   display: none;
}
 .preloaded {
   opacity: 1;
   background-color: rgba(255,255,255,0);
   -webkit-backdrop-filter: blur(30px);
   backdrop-filter: blur(30px);
   position: fixed;
   display: flex;
   align-items: center;
   justify-content: center;
   top: 0;
   right: 0;
   bottom: 0;
   left: 0;
   z-index: 1000;
}
 .preloaded.hide-animation {
   opacity: 0;
}
 .preloaded .logo-animation {
   display: flex;
   align-items: center;
}
 .preloaded .logo-animation h2 {
   color: #fff;
   font-size: 38px;
}
 .preloaded .logo-animation h2 img {
   max-height: 38px;
   display: block;
}
 .preloaded .logo-animation svg {
   stroke: #000;
   margin-right: 10px;
   width: 38px;
   height: 38px;
}