body {
  margin: 0;
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen',
    'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue',
    sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

code {
  font-family: source-code-pro, Menlo, Monaco, Consolas, 'Courier New',
    monospace;
}

.login-container{max-width:400px;margin:0 auto;padding:20px;border-radius:8px;box-shadow:0 2px 4px 4px rgba(0,0,0,.1)}.login-container p{font-size:18px;margin-bottom:20px}.form-container{display:flex;justify-content:space-between;align-items:center}.login-btn{width:100%;padding:20px;font-size:16px;font-weight:bold;color:#fff;background-color:#1877f2;border:none;border-radius:4px;cursor:pointer}.register-btn{width:80%;padding:20px;font-size:16px;font-weight:bold;color:#fff;background-color:#42b72a;border:none;border-radius:4px;cursor:pointer;margin:0px 30px}.register p{font-size:16px}.vertical-line{width:1px;height:150px;background-color:#000;margin-top:15px}.horizontal-line{width:90%;height:1px;align-items:center;background-color:#dadde1;margin:15px 15px}
h1{font-family:Cambria,Cochin,Georgia,Times,"Times New Roman",serif;color:#4b4b4b;font-size:40px;font-weight:100;line-height:1.1;margin-bottom:20px;text-align:center}p{text-align:center}label{display:block;font-size:14px;font-weight:bold;margin-bottom:5px}.logo{color:#4b4b4b;font-size:50px}.form-group{margin-bottom:20px}input[type=text],input[type=email],input[type=password]{width:100%;font-size:20px;padding:10px 20px;border:1px solid #ddd;border-radius:4px;box-sizing:border-box;outline:none;height:60px}input[type=text]::placeholder,input[type=email]::placeholder,input[type=password]::placeholder{color:#999}.error-message{color:red;width:100%;font-size:16px;font-weight:normal;border-radius:4px;box-sizing:border-box;outline:none}.submit-btn{width:100%;padding:20px;font-size:16px;font-weight:bold;color:#fff;background-color:#1877f2;border:none;border-radius:4px;cursor:pointer}.progress{display:flex;height:20vh;flex-direction:column;justify-content:center;align-items:center;background-color:#fff}@keyframes spinner{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.loading-spinner{width:75px;height:75px;border:10px solid rgba(243,243,243,.3647058824);border-top:10px solid #383636;border-radius:50%;animation:spinner 1.5s linear infinite}.spinner-container{display:grid;justify-content:center;align-items:center;height:350px}.signin-container{margin-top:20px;font-size:14px}.signin-container span{color:#1877f2;text-decoration:none}.signin-container span:hover{text-decoration:underline}img{display:block;margin-left:auto;margin-right:auto}
.register-container{max-width:400px;margin:0 auto;padding:20px;border-radius:8px;box-shadow:0 2px 4px 4px rgba(0,0,0,.1)}.register-container p{font-size:18px;margin-bottom:20px}h2{text-align:center;font-size:large}
.password-container{max-width:400px;margin:0 auto;padding:20px;border-radius:8px;box-shadow:0 2px 4px 4px rgba(0,0,0,.1)}.password-container p{font-size:18px;margin-bottom:20px}