.loader-container{z-index:9999;background-color:#171717;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100vh;transition:opacity .5s,visibility .5s;display:flex;position:fixed;top:0;left:0}.fade-out{opacity:0;visibility:hidden}.hole{justify-content:center;align-items:center;width:100px;height:100px;display:flex;position:relative}.hole i{opacity:0;border:1px solid #fff3;border-radius:50%;width:50px;height:50px;animation-name:scale;animation-duration:3s;animation-timing-function:linear;animation-iteration-count:infinite;display:block;position:absolute}.hole i:first-child{animation-delay:.3s}.hole i:nth-child(2){animation-delay:.6s}.hole i:nth-child(3){animation-delay:.9s}.hole i:nth-child(4){animation-delay:1.2s}.hole i:nth-child(5){animation-delay:1.5s}.hole i:nth-child(6){animation-delay:1.8s}.hole i:nth-child(7){animation-delay:2.1s}.hole i:nth-child(8){animation-delay:2.4s}.hole i:nth-child(9){animation-delay:2.7s}.hole i:nth-child(10){animation-delay:3s}@keyframes scale{0%{opacity:0;transform:scale(2);box-shadow:0 0 50px #ffffff80}50%{opacity:1;transform:scale(1)translateY(-5px);box-shadow:0 8px 20px #ffffff80}to{opacity:0;transform:scale(.1)translateY(5px);box-shadow:0 10px 20px #fff0}}.loader-text{color:#fff;letter-spacing:2px;margin-top:40px;font-family:sans-serif}