.preloader{background:#000;height:100%;left:0;opacity:1;position:fixed;text-align:center;top:0;visibility:visible;width:100%;z-index:999}.preloader div{color:#fff;display:flex;font-family:Roboto Mono,monospace;font-weight:400;left:50%;position:absolute;text-transform:uppercase;top:50%;transform:translate(-50%,-50%)}.preloader div span{animation:loader 1s linear infinite;display:inline-block;opacity:1;padding:0 8px;transition:.1s linear}.preloader div span:nth-child(2){animation-delay:.1s}.preloader div span:nth-child(3){animation-delay:.2s}.preloader div span:nth-child(4){animation-delay:.3s}.preloader div span:nth-child(5){animation-delay:.4s}.preloader div span:nth-child(6){animation-delay:.5s}.preloader div span:nth-child(7){animation-delay:.6s}.loaded .preloader{opacity:0;transition:.4s ease-out;visibility:hidden}@keyframes loader{0%{opacity:1}to{opacity:0}}