.signupBox{background-image:linear-gradient(to right,#8e2de2,#4a00e0);width:400px;height:400px;border-radius:5px;box-shadow:2 4px 8px #0000001a;padding:20px 0}.form{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;height:100%}input{height:40px;border-radius:7px;width:50%;text-align:center;border:0;margin:20px 0;font-size:20px}input:focus{outline:none}.navbar{background-image:linear-gradient(to right,#8e2de2,#4a00e0);width:100%;height:80px;padding:0 15px;display:flex;justify-content:end;align-items:center}ul{display:flex;gap:50px;font-size:30px;cursor:pointer}li{color:#fff;list-style-type:none}.signIn{font-size:40px;text-transform:uppercase;color:#fff}button{font-size:30px;border:0px;cursor:pointer;padding:10px;border-radius:10px;transition:.3s ease-in}button:hover{background-color:#369836}.welcome{overflow:hidden;white-space:nowrap;font-size:24px;animation:reveal 3s steps(7,end);border-right:2px solid transparent;margin-right:-2px;font-size:50px}@keyframes reveal{0%{width:0}to{width:100%}}*{text-align:center;box-sizing:border-box;margin:0;padding:0;font-family:Cambria,Cochin,Georgia,Times,Times New Roman,serif}.container{display:flex;align-items:center;justify-content:center;flex-direction:column;height:89vh;background:linear-gradient(45deg,#f0f0f0 25%,transparent 25%,transparent 50%,#f0f0f0 50%,#f0f0f0 75%,transparent 75%,transparent)}