html{font-size:62.5%}body{height:100vh;width:100vw}body ::-webkit-scrollbar{height:0;width:0;background:transparent}body ::-webkit-scrollbar-thumb{background:#eee}*,:after,:before{margin:0;padding:0;box-sizing:border-box}div.spinner{position:relative;width:4rem;height:4rem;display:inline-block}div.spinner div{width:6%;height:12%;background:#fff;background:#0ab80a;position:absolute;left:49%;top:43%;opacity:0;border-radius:50px;box-shadow:0 0 3px rgba(0,0,0,.2);animation:fade 1s linear infinite}@keyframes fade{0%{opacity:1}to{opacity:.25}}div.spinner div.bar1{transform:rotate(0deg) translateY(-130%);animation-delay:0s}div.spinner div.bar2{transform:rotate(30deg) translateY(-130%);animation-delay:-.9167s}div.spinner div.bar3{transform:rotate(60deg) translateY(-130%);animation-delay:-.833s}div.spinner div.bar4{transform:rotate(90deg) translateY(-130%);animation-delay:-.7497s}div.spinner div.bar5{transform:rotate(120deg) translateY(-130%);animation-delay:-.667s}div.spinner div.bar6{transform:rotate(150deg) translateY(-130%);animation-delay:-.5837s}div.spinner div.bar7{transform:rotate(180deg) translateY(-130%);animation-delay:-.5s}div.spinner div.bar8{transform:rotate(210deg) translateY(-130%);animation-delay:-.4167s}div.spinner div.bar9{transform:rotate(240deg) translateY(-130%);animation-delay:-.333s}div.spinner div.bar10{transform:rotate(270deg) translateY(-130%);animation-delay:-.2497s}div.spinner div.bar11{transform:rotate(300deg) translateY(-130%);animation-delay:-.167s}div.spinner div.bar12{transform:rotate(330deg) translateY(-130%);animation-delay:-.0833s}