@import"https://fonts.googleapis.com/css2?family=Protest+Strike&display=swap";body{margin-top:60px;background:#5cdb95;font-family:Protest Strike,sans-serif;color:#edf5e1;font-weight:300}.signup-container{margin:auto;background:#05386b;padding:30px;text-align:center;border-radius:10px;max-width:450px;min-height:450px}.error-message{font-size:20px;color:#edf5e1;text-align:center;transform:translateY(100%);transition:transform .5s ease-in-out}.error-message.show{transform:translateY(0);background:#05386b;border-radius:8px;margin-left:auto;margin-right:auto;padding:5px;max-width:300px;margin-bottom:5px;text-align:center}.success-message{color:#edf5e1;font-size:30px;text-align:center;transform:translateY(100%);transition:transform .5s ease-in-out}.success-message.show{transform:translateY(0);background:#05386b;border-radius:8px;margin-left:auto;margin-right:auto;padding:5px;max-width:400px;margin-bottom:5px;text-align:center}.already-user{font-size:20px;text-align:center;margin-bottom:0;margin-top:3px}.login-container,.profile-container,.dashboard-container{margin:auto;background:#05386b;padding:30px;text-align:center;border-radius:10px;max-width:450px;min-height:250px}.input-field{display:flex;width:100%;margin-bottom:25px}i{text-align:center;padding:10px;color:#edf5e1;font-size:25px;min-width:20px}h2{color:#edf5e1;font-size:50px;margin-bottom:25px;margin-top:0}input[type=text],input[type=email],input[type=password],input[type=tel],input[type=date],select{border:none;outline:none;font-family:Protest Strike,sans-serif;width:90%;font-size:20px;border-radius:8px;padding:15px}input[type=text]:focus,input[type=email]:focus,input[type=password]:focus,input[type=tel]:focus{border-left:6px solid #5cdb95}button{border:none;padding:20px;margin-bottom:20px;width:150px;border-radius:8px;font-family:Protest Strike,sans-serif;font-size:22px;color:#05386b;cursor:pointer;background:#5cdb95}a{color:#8ee4af}button:hover{border-radius:10px;transition-duration:2s}