.SignUp{flex-direction:column;justify-content:center;align-items:center;margin:8% auto;display:flex}.SignUp .signUP-title{text-align:center;margin:auto;font-size:22px}.SignUp .SignUp-container{color:#2c3e50;background-color:#d5d5d5;border-radius:8px;flex-direction:column;align-items:center;gap:20px;width:70%;margin:auto;padding:50px 0;display:flex}.SignUp .SignUp-container .signup-form{flex-direction:column;gap:10px;width:80%;display:flex}.SignUp .SignUp-container .signup-form .form-group{flex-direction:column;gap:5px;display:flex}.SignUp .SignUp-container .signup-form .form-group .form-label{color:#2c3e50;width:80%;margin:auto;font-size:1.2rem}.SignUp .SignUp-container .signup-form .form-group .form-input{border:1px solid #ccc;border-radius:5px;outline:none;width:80%;height:40px;margin:auto;padding:5px;font-size:14px;transition:all .2s ease-in-out}.SignUp .SignUp-container .signup-form .form-group .form-input:focus,.SignUp .SignUp-container .signup-form .form-group .form-input:hover{box-shadow:0 0 10px #2c3e5080}.SignUp .SignUp-container .signup-form .form-group .error-message{color:red;text-align:start;width:80%;margin:auto}.SignUp .SignUp-container .signup-form .form-submit{color:#fff;cursor:pointer;background-color:#2c3e50;border:none;border-radius:5px;width:20%;height:50px;margin:30px auto 0;font-size:1.2rem}.SignUp .SignUp-container .signup-form .singin{color:#2c3e50;cursor:pointer;border:none;border-radius:5px;font-size:1.2rem;text-decoration:none;transition:all .3s ease-in-out}.SignUp .SignUp-container .signup-form .singin:hover{color:#2c3e50;text-decoration:underline}.SignUp .SignUp-container .signup-form .form-group2{text-align:center}@media (max-width:768px){.form-submit{width:40%!important}.form-input{width:100%!important}}@media (max-width:375px){.form-submit{width:50%!important}.form-input{width:100%!important}}@media (max-width:320px){.SignUp{width:100%!important}.SignUp .SignUp-container{width:90%!important}}