body{margin:0;padding:0;overflow:auto;background-color:black}html,body{font-size:2vh}body{animation:fadeIn 1.5s ease 0s 1 normal;-webkit-animation:fadeIn 1.5s ease 0s 1 normal}@keyframes fadeIn{0%{opacity:0}100%{opacity:1}}@-webkit-keyframes fadeIn{0%{opacity:0}100%{opacity:1}}#loading{width:300px;height:300px;margin:-150px 0 0 -150px;position:fixed;left:50%;top:50%;z-index:999;border-radius:15px;padding:5px}#loading img{width:100%}.loader-dots{display:flex;justify-content:center;align-items:center;height:100vh;margin:0}.loader-dots .dot{width:7.88888vw;height:7.88888vw;margin:10px;background-color:#333;border-radius:50%;opacity:0.3;animation:pulse 1.2s infinite ease-in-out}.loader-dots .dot:nth-child(1){background-color:#e74c3c;animation-delay:0s}.loader-dots .dot:nth-child(2){background-color:#3498db;animation-delay:0.2s}.loader-dots .dot:nth-child(3){background-color:#f1c40f;animation-delay:0.4s}.loader-dots .dot:nth-child(4){background-color:#2ecc71;animation-delay:0.6s}.loader-dots .dot:nth-child(5){background-color:#9b59b6;animation-delay:0.8s}@keyframes pulse{0%,100%{transform:scale(0.8);opacity:0.3}50%{transform:scale(1.2);opacity:1}}