@import"https://fonts.googleapis.com/css2?family=Quicksand:wght@300;400;500;600;700&display=swap";*{margin:0;padding:0;box-sizing:border-box;font-family:Quicksand,sans-serif}body{background:#111}.error{color:#0f0}section{position:absolute;width:100vw;height:100vh;display:flex;justify-content:center;align-items:center;gap:2px;flex-wrap:wrap;overflow:hidden}section:before{content:"";position:absolute;width:100%;height:100%;background:linear-gradient(#000,#0f0,#000);animation:animate 5s linear infinite}@keyframes animate{0%{transform:translateY(-100%)}to{transform:translateY(100%)}}section span{position:relative;display:block;width:calc(6.25vw - 2px);height:calc(6.25vw - 2px);background:#181818;z-index:2;transition:1.5s}section span:hover{background:#0f0;transition:0s}.signin{position:absolute;width:400px;background:#222;z-index:1000;display:flex;justify-content:center;align-items:center;padding:40px;border-radius:4px;box-shadow:0 15px 35px #000}.content{position:relative;width:100%;display:flex;justify-content:center;align-items:center;flex-direction:column;gap:40px}form{width:100%}.content h2{font-size:2em;color:#0f0;text-transform:uppercase}.form{width:100%;display:flex;flex-direction:column;gap:25px}.inputBox{position:relative;width:100%}.inputBox input{position:relative;width:100%;background:#333;border:none;outline:none;padding:25px 10px 7.5px;border-radius:4px;color:#fff;font-weight:500;font-size:1em}.inputBox i{position:absolute;left:0;padding:15px 10px;font-style:normal;color:#aaa;transition:.5s;pointer-events:none}.inputBox input:focus~i,.inputBox input:valid~i{transform:translateY(-7.5px);font-size:.8em;color:#fff}.links{position:relative;width:100%;display:flex;justify-content:space-between}.links a{color:#fff;text-decoration:none}.links a:nth-child(2){color:#0f0;font-weight:600}.inputBox input[type=submit]{padding:10px;background:#0f0;color:#000;font-weight:600;font-size:1.35em;letter-spacing:.05em;cursor:pointer}input[type=submit]:active{opacity:.6}@media (max-width: 900px){section span{width:calc(10vw - 2px);height:calc(10vw - 2px)}}@media (max-width: 600px){section span{width:calc(20vw - 2px);height:calc(20vw - 2px)}}.body1{display:flex}.color{position:fixed;height:200%;width:100%;background-color:#695db1;top:-50%;left:-83%;transform:rotate(-15deg);z-index:-1}.Main{width:90%;height:100vh;display:flex;padding:40px;overflow:hidden}.left{width:37%}img{width:100%;border-radius:30px;height:100%;object-fit:cover;object-position:center}.right{width:63%;display:flex;padding-left:100px;align-items:center}.Main2{display:flex;justify-content:start;gap:20px}.Line{width:30px;border:2px solid #665eb2;border-radius:5px;height:0;margin-top:22px}.purple{color:#665eb2;font-weight:700;font-size:35px;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif}.white{color:#fff;font-weight:750;font-size:35px;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif}.para{color:#fff;margin-top:20px;font-family:Franklin Gothic Medium,Arial Narrow,Arial,sans-serif}.purple1{display:none}button{margin-top:40px;background-color:transparent;border:none;outline:none;cursor:pointer}.button{display:inline-block;color:#fff;border:1px solid #695db1;padding:15px 70px 15px 35px;position:relative;overflow:hidden;border-radius:50px;transition:all .25s ease-in-out}.button-icon{background-color:#695db1;position:absolute;inset-block:-2px;right:0;width:55px;border-radius:50%;color:#fff;text-align:center;line-height:60px}.button:hover{color:#fff}.button:before{content:"";transform:translate(100%);position:absolute;top:0;right:0;bottom:0;left:0;background-color:#695db1;z-index:-1;transition:all .3s ease-out}.button:hover:before{transform:translate(0)}@media only screen and (max-width: 600px){.color{display:none}.Main{flex-direction:column;width:100%;display:flex;padding:0;align-items:center;justify-content:center}.left{width:100%;display:flex;justify-content:center}img{width:200px;border-radius:50%;height:200px;object-position:center;object-fit:cover}.right{width:100%;display:flex;padding-left:0;align-items:center;text-align:center}.Main2{justify-content:center;gap:0px}.Line{display:none}.purple1{display:block;color:#665eb2;font-weight:700;font-size:35px;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif}.purple{display:none}button{margin-top:20px}}