@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@200;300;400;500;700&family=Roboto:wght@100;300;400;500;700;900&family=Source+Sans+Pro:wght@200;300;400;600;700;900&display=swap");*{margin:0;padding:0;box-sizing:border-box;font-family:Poppins,sans-serif}body{background-color:#151618;color:#fff;text-align:-webkit-center}::-moz-selection{color:#000;background:#fff}::selection{color:#000;background:#fff}a,button{cursor:pointer}.loader{left:calc(50%+1vw);transform:translate(-50%,-50%) rotate(-90deg) scale(4)}.loader span{display:flex;height:2vh;width:1vw;background:transparent;-webkit-animation:animate 2s linear infinite;animation:animate 2s linear infinite}.loader span:after,.loader span:before{content:"";height:10px;width:10px;position:absolute;left:50%;border-radius:50%;transform:translateX(-50%);background:red;box-shadow:0 0 2px #000}.loader span:before{top:0}.loader span:after{bottom:0}.loader span:first-child:after,.loader span:first-child:before{background-color:#ff0}.loader span:nth-child(2):after,.loader span:nth-child(2):before{background-color:#ff24ab}.loader span:nth-child(3):after,.loader span:nth-child(3):before{background-color:#0f0}.loader span:nth-child(4):after,.loader span:nth-child(4):before{background-color:#2196f3}.loader span:first-child{-webkit-animation-delay:0s;animation-delay:0s}.loader span:nth-child(2){-webkit-animation-delay:.5s;animation-delay:.5s}.loader span:nth-child(3){-webkit-animation-delay:1s;animation-delay:1s}.loader span:nth-child(4){-webkit-animation-delay:1.5s;animation-delay:1.5s}@-webkit-keyframes animate{0%,75%{transform:rotate(0deg)}to{transform:rotate(180deg)}}@keyframes animate{0%,75%{transform:rotate(0deg)}to{transform:rotate(180deg)}}