body,html{padding:0;margin:0;font-family:Fira Code,monospace;background:linear-gradient(180deg,#1a1c2e,#2d3748);color:#e4e4e4;min-height:100vh}a{color:inherit;text-decoration:none}*{box-sizing:border-box}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#1a1c2e}::-webkit-scrollbar-thumb{background:#61dafb;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#00ff9d}.fade{animation:fadeIn 3s}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.main{position:absolute;top:50%;left:30%;transform:translate(-50%,-50%);background-color:#2a9d8f}.progress{position:relative;width:1110%;border:10px solid #f4a261}.progress,.progress .color{height:10px;border-radius:15px}.progress .color{position:absolute;background-color:#fff;width:0;animation:progres 4s linear infinite}@keyframes progres{0%{width:0}25%{width:50%}50%{width:75%}75%{width:85%}to{width:100%}}