@import"https://fonts.googleapis.com/css2?family=Quicksand:wght@300&display=swap";body{margin:0;background-color:#000;padding-bottom:100px}#particles-js{position:fixed;top:0;left:0;width:100%;height:100vh;z-index:0;display:flex;align-items:center;justify-content:center}.container{z-index:1;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center}*{margin:0;padding:0;box-sizing:border-box;font-family:Quicksand,sans-serif}.ring{position:absolute;width:500px;height:500px;display:flex;justify-content:center;align-items:center}.ring i{position:absolute;inset:0;border:2px solid #fff;transition:.5s}.ring i:nth-child(1){border-radius:38% 62% 63% 37%/41% 44% 56% 59%;animation:animate 6s linear infinite}.ring i:nth-child(2){border-radius:41% 44% 56% 59%/38% 62% 63% 37%;animation:animate 4s linear infinite}.ring i:nth-child(3){border-radius:41% 44% 56% 59%/38% 62% 63% 37%;animation:animate2 10s linear infinite}.ring:hover i{border:6px solid var(--clr);filter:drop-shadow(0 0 20px var(--clr))}@keyframes animate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes animate2{0%{transform:rotate(360deg)}to{transform:rotate(0)}}.login{position:absolute;width:300px;height:100%;display:flex;justify-content:center;align-items:center;flex-direction:column;gap:20px}.login h2{font-size:2em;color:#fff}.login .inputBx{position:relative;width:100%;margin-bottom:9px}.login .inputBx input{position:relative;width:100%;padding:12px 20px;background:transparent;border:2px solid #fff;border-radius:40px;font-size:1.2em;color:#fff;box-shadow:none;outline:none}.login .inputBx input[type=submit]{width:100%;background:#0078ff;background:linear-gradient(45deg,#ff00c8,#fff);border:none;cursor:pointer}.login .inputBx input::-moz-placeholder{color:#ffffffbf}.login .inputBx input::placeholder{color:#ffffffbf}.login .links{position:relative;width:100%;display:flex;align-items:center;justify-content:space-between;padding:0 20px;justify-content:center}.login .links a{color:#fff;text-decoration:none}button{cursor:pointer;border:0;border-radius:4px;font-weight:600;margin:0 10px;width:200px;padding:10px 0;box-shadow:0 0 20px #6855e033;transition:.4s}.log{color:#6855e0;background-color:#fff;border:1px solid rgba(104,85,224,1)}button:hover{color:#fff;box-shadow:0 0 20px #6855e099;background-color:#ff69b4}