*{font-family:Lexend,sans-serif}body{background:#270632;background:radial-gradient(circle,#270632,#131313)}.login-container{display:flex;justify-content:center;align-items:center;min-height:100vh;text-align:center;color:#fff}.login-form i{display:flex;justify-content:flex-start;margin-left:1rem;color:#fff}.login-form i:hover{margin-left:0;margin-right:1rem;transition:.3s}.login-form{width:20rem;height:50%;border:none;border-radius:2rem;padding:3rem}.form{display:flex;flex-direction:column}.login-form input{border:2px solid #9C0AB9;border-radius:2rem;padding:1rem 3.75rem;margin-bottom:1rem;background-color:#131313;color:#fff;font-size:1rem}.login-btn button{border:none;border-radius:2rem;padding:1rem 8.5rem;margin-bottom:1rem;background:#9c0ab9;box-shadow:0 0 5px #9c0ab9,0 0 15px #9c0ab9,0 0 50px #9c0ab9,0 0 500px #9c0ab9;color:#fff;font-weight:700;font-size:1rem}.login-form button:hover{background:#fff;box-shadow:0 0 5px #fff,0 0 15px #fff,0 0 50px #fff,0 0 500px #fff;color:#1d1d1d;transition:.3s;text-decoration:none}.login-form p{font-size:.9rem}#register-link,#guest-link{color:#9c0ab9;cursor:pointer;font-weight:700;text-decoration:none;background-color:transparent}#register-btn:hover{text-decoration:underline 1px solid #9C0AB9}#login-error-container,#register-error-container{display:flex;justify-content:center;align-items:center;margin-top:-2rem}#register-error,#login-error{display:flex;justify-content:center;align-items:center;margin-top:-8rem;color:#fff;background-color:#d2042d;padding:.5rem 3rem;border:none;border-radius:2rem}#register-error i,#login-error i{margin-right:1rem}@media (max-width: 500px){.login-form{padding:1rem;background:transparent}.login-form input{padding:.5rem 1.5rem}.login-form button{padding:.75rem 6.5rem;font-size:.95rem}#login-error,#register-error{font-size:.95rem;margin-top:-12rem}#register-error,#login-error{padding:.15rem 2rem;font-size:.8rem}}