.dots{top:0;left:0;width:100%;height:100%;position:fixed;background-color:#00000080;z-index:100;opacity:1;transition:opacity 1s ease-out;display:flex;justify-content:center;align-items:center}.dots .dot{position:relative;bottom:-5rem;width:20px;height:20px;border-radius:50%;border:2px solid rgb(32,36,53);background-color:#4ab1fa;animation:jump .8s ease-in-out infinite alternate}.dots.fade-out{opacity:0}.dot:nth-child(1){animation-delay:-.1s}.dot:nth-child(2){animation-delay:-.2s}.dot:nth-child(3){animation-delay:-.3s}.dot:nth-child(4){animation-delay:-.4s}.dot:nth-child(5){animation-delay:-.5s}@keyframes jump{to{transform:translateY(-10rem) scale(1.9);background-color:#bc6ffb}}