.pageloader{background-color:var(--gradient-color);z-index:9999;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.f{fill:url(#c)}.f,.g,.h,.i{stroke-width:0}.g{fill:url(#b)}.h{fill:url(#d)}.i{fill:#f03}.title2{color:var(--white);white-space:nowrap;letter-spacing:.05em;font-size:1.3rem;position:absolute;top:60%;left:50%;transform:translate(-50%)}.bounce-char{opacity:0;animation:.6s ease-out forwards bounceUp;display:inline-block;transform:translateY(100%)}@keyframes bounceUp{0%{opacity:0;transform:translateY(100%)}50%{opacity:1;transform:translateY(-20%)}to{opacity:1;transform:translateY(0)}}#logo-svg{transform-origin:50%;width:75px;height:75px;animation:1.5s ease-in-out .4s infinite forwards rotateLogo;position:relative}#top-half,#top-r,#bottom-half,#bottom-h{transform-box:fill-box;will-change:transform,opacity;position:absolute;top:0;left:0;transform:translate(0)}#top-half,#top-r{animation:.4s ease-out forwards fromLeft}#bottom-half,#bottom-h{animation:.4s ease-out forwards fromRight}@keyframes fromLeft{0%{transform:translate(-600px)}80%{transform:translate(20px)}to{transform:translate(0)}}@keyframes fromRight{0%{transform:translate(600px)}80%{transform:translate(-20px)}to{transform:translate(0)}}@keyframes rotateLogo{0%{transform:rotate(0)}90%{transform:rotate(720deg)}to{transform:rotate(720deg)}}