.navbar-reg-div{background-color:transparent;position:-webkit-sticky;position:sticky;top:0;width:100%;z-index:100}.navbar-reg-div nav{width:100%}@media screen and (max-width:768px){.navbar-div{padding:5px 10px}.optional{display:none}.logo a{display:flex;flex-direction:column}.section-header h3{font-size:30px}}*{margin:0;padding:0;box-sizing:border-box;font-family:Poppins,sans-serif}body{color:white}.bg{z-index:-2}.bg,.dark{position:fixed;width:100%;height:100%;top:0}.dark{background-color:rgba(0,0,0,.5);z-index:-1}.section-header h3{font-size:25px;font-weight:700;text-align:center}.section-header h3:after{content:"";display:block;height:3px;background-color:white;margin:20px auto;width:40%;border-radius:5px}.register-form{padding:20px;max-width:800px;flex-direction:column;position:relative;z-index:10;margin:0 auto auto}.form-row,.register-form{display:flex;gap:20px}input,select,textarea{flex:1 1;padding:12px;border-radius:6px;border:1px solid #444;background:#111;color:#fff}select:invalid{color:#a1a1a1!important}select option{background:#111!important;color:#fff!important}select option[value=""]{color:#a1a1a1!important}textarea{resize:none}.reg-button{width:100%;padding:14px;font-size:18px;border:none;border-radius:6px;background:#007bff;color:#fff;cursor:pointer;transition:.3s}.reg-button:hover{background:#003cff}input::placeholder,select::placeholder,textarea::placeholder{color:#a1a1a1;opacity:1}.login-signup-options-select{padding:1rem 0 1em;text-align:center;display:grid;font-size:.8rem;margin-top:0}.login-signup-options-select h2{width:-moz-fit-content;width:fit-content;max-width:100%;padding:5px 0;border-radius:1em;background-color:#17191c;margin:0 auto;text-align:center;position:relative;isolation:isolate}.login-signup-options-select h2 span:not(:last-child){padding:.2em .8em;display:inline-block;color:white;text-align:center;mix-blend-mode:difference;cursor:pointer;-webkit-user-select:none;user-select:none;-moz-user-select:none}.login-signup-options-select h2 .login-signup-options-select-slider{position:absolute;top:0;bottom:0;background-color:white;z-index:-1;border-radius:1em;transition-duration:1s}.login-form{padding:20px;max-width:800px;margin:5em auto auto;gap:20px;position:relative;z-index:10;align-items:center}.login-form,.login-form-el{display:flex;flex-direction:column}.login-form-el{width:50%;gap:1em;justify-content:center}.login-button{width:50%;padding:10px;font-size:16px;border:none;border-radius:6px;background:#007bff;color:#fff;cursor:pointer;transition:.3s}.login-button:hover{background:#003cff}@media screen and (max-width:768px){.form-row{flex-direction:column}.section-header h3{font-size:30px}}@media screen and (max-width:480px){.register-form{padding:10px}.reg-button{font-size:16px}.login-form-el{width:80%}.login-button{width:80%;font-size:14px}.login-form{margin-top:4em}}