*{margin:0;padding:0;box-sizing:border-box;list-style:none;text-decoration:none;color:#fff;scroll-behavior:smooth}body{width:100%;height:100vh;background:url(/assets/background-yTl05d-a.jpg) no-repeat;background-size:cover;background-position:left;-webkit-backdrop-filter:brightness(.5);backdrop-filter:brightness(.5);overflow:hidden}.active-link{background:#ffffff12}.Sidebar{transition:left .5s ease-in-out;animation:left .5s ease-in-out}.side-btn{transition:.3s ease-in-out}.ProfileAnimation{transition:.3s ease-in-out;animation:zoom .25s ease-in-out}.StretchAnimation{transition:.2s ease-in-out;animation:Strech .25s ease-in-out}@keyframes zoom{0%{scale:.5}99%{scale:1}}@keyframes Strech{0%{height:0}to{height:100%}}::-webkit-scrollbar{width:13px;height:0;transition:.4s}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{border-radius:25px;background:gray;border:2px solid transparent;background-clip:padding-box}::-webkit-scrollbar-thumb:hover{box-shadow:10px;background:#666565;transition:.2s;border:2px solid transparent;background-clip:padding-box}.ChatBar::-webkit-scrollbar{width:10px;height:0;transition:.4s}.ChatBar:hover::-webkit-scrollbar-thumb{background:gray;border:1px solid #222324}.ChatBar::-webkit-scrollbar-thumb{background:transparent;border:1px solid transparent}.ChatBar::-webkit-scrollbar-thumb:hover{background:#707070}.ChatBar:hover{animation:ease-in-out .4s;animation-delay:1s}.App_Navbar{width:-webkit-fill-available;min-height:4em;background:transparent;display:flex;justify-content:space-between;align-items:center;padding:1.5em 5% 1em}.App_Navbar .logo{font-size:2em;color:#fff;-webkit-user-select:none;user-select:none}.App_Navbar .navigation{display:flex;align-items:center}.App_Navbar .navigation .username{font-size:1.2rem;font-weight:400;color:#cdcdcd}.App_Navbar .navigation .login-button{width:130px;height:40px;display:flex;align-items:center;justify-content:center;background:transparent;border:1px solid #cdcdcd;outline:none;border-radius:6px;cursor:pointer;font-size:1.1em;color:#cdcdcd;font-weight:500;margin-left:40px;transition:.5s}.App_Navbar .navigation .login-button:hover{background:#cdcdcd;color:#3e3a3a}.Home_Container{width:100%;height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center}.Home_Container .home{margin-bottom:1.5em;font-size:2rem}.wrapper{position:relative;width:400px;height:500px;background:#0000004f;border:2px solid rgba(126,124,124,.5);border-radius:2em;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:0 0 30px #00000080;display:flex;justify-content:center;align-items:center;overflow:hidden;transition:height .2s ease}.wrapper .form-box{width:100%;padding:40px}.wrapper .form-box h2{font-size:2em;color:#fff;text-align:center}.wrapper .form-box .input-box{position:relative;width:100%;height:50px;border-bottom:2px solid #fff;margin:30px 0}.wrapper .form-box .input-box label{position:absolute;top:50%;left:0;font-size:1em;font-weight:500;pointer-events:none;transition:.5s;color:#fff}.wrapper .form-box .input-box input:focus~label,.wrapper .form-box .input-box input:valid~label{top:-5px}.wrapper .form-box .input-box input{width:100%;height:100%;background:transparent;border:none;outline:none;font-size:1em;color:#fff;padding:0 35px 0 5px}.wrapper .form-box .input-box .icon{position:absolute;right:8px;font-size:1.2em;color:#cfcbcb;line-height:57px}.wrapper .form-box .input-box .icon svg{fill:#cfcbcb;width:1.2em;height:1.2em}.wrapper .form-box .remember-forget{font-size:.9em;color:#a1a0a0;font-weight:500;margin:-15px 0 15px;display:flex;align-items:center;justify-content:space-between}.wrapper .form-box .remember-forget label{display:flex;align-items:center}.wrapper .form-box .remember-forget input{accent-color:#c7c2c2;margin-right:1em}.wrapper .form-box .remember-forget a{color:#c7c2c2;text-decoration:none}.wrapper .form-box .remember-forget a:hover{text-decoration:underline}.wrapper .form-box .btn{width:100%;height:45px;background:#026380;border:none;border-radius:6px;cursor:pointer;font-size:1em;color:#fff;font-weight:500}.wrapper .form-box .login-register{font-size:.9em;color:#c7c2c2;text-align:center;font-weight:500;margin:25px 0 10px}.wrapper .form-box .login-register a{color:#c7c2c2;text-decoration:none;font-weight:600}.wrapper .form-box .login-register a:hover{text-decoration:underline}.landing{display:flex;height:-webkit-fill-available;align-items:center;justify-content:center;padding-bottom:5%}.landing h4{width:80%;padding-left:10%;font-size:2.5rem;color:#fff;font-family:sans-serif}.landing p{width:60%;padding-left:10%;font-size:1.2rem;color:#f0eded;font-weight:400;margin-top:1em;font-family:system-ui}.landing .left{width:60%;height:60%}.landing .right{width:40%;display:flex;align-items:center;justify-content:center}.landing .right img{width:100%;height:100%;object-fit:cover;border-radius:1em}#save{width:200px;background-color:#1f8f4f;box-shadow:0 10px 20px #006d2a62;border-radius:50px;border:none;cursor:pointer;outline:none;color:#fff;padding:15px 32px;text-align:center;transition:all .3s ease;font-size:16px;display:inline-block;font-family:Roboto,sans-serif;margin-left:10%;margin-top:2em}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}