main{margin:0 2rem;padding:1rem}.user-info-box{display:flex;flex-direction:column;justify-content:space-between;margin-bottom:1rem}.logoutBtn{font-size:large;margin:10px 0;padding:.2rem .8rem;text-decoration:none;border:1px solid var(--text-primary-color);border-radius:5px;background-color:transparent}.logoutBtn:hover{background-color:var(--text-primary-color);color:var(--background-color)}.navbar{width:100%;display:flex;justify-content:space-between;align-items:center;padding:10px 20px;background:hsla(0,0%,100%,.5);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 4px 6px rgba(0,0,0,.1),0 1px 3px rgba(0,0,0,.08)}.navbar .logobox{display:inline-flex;align-items:center}.navbar .logobox img{height:30px;aspect-ratio:1/1}.navbar .logobox .logoTitle{font-size:1.6rem;margin-left:5px;color:#000;font-weight:700}.nav-links{display:flex;justify-content:space-between;align-items:center}.nav-links li{list-style:none}.nav-links a{text-decoration:none;color:var(--text-primary-color);padding:.5rem 1rem;font-size:1.2rem}.nav-links a:hover{color:var(--primary-color)}.actionBox{display:flex;justify-content:space-between;align-items:center}.hamburger{display:none}.navbar .dropdown{position:relative}.navbar .dropdown .dropbtn{cursor:pointer;outline:0 solid transparent;border:none;text-decoration:none;color:var(--text-primary-color);padding:.5rem 1rem;font-size:1.2rem}.navbar .dropdown .dropbtn:hover{color:var(--primary-color)}.navbar .dropdown .dropdown-content{display:none;position:absolute;top:100%;left:0;background:hsla(0,0%,100%,.5);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 4px 6px rgba(0,0,0,.1),0 1px 3px rgba(0,0,0,.08)}.navbar .dropdown .dropdown-content a{display:block;padding:.2rem 1rem;margin:.2rem 0;font-size:1.2rem;color:var(--text-primary-color);width:max-content!important}.navbar .dropdown .dropdown-content a:hover{color:var(--primary-color)}.navbar .dropdown:hover .dropdown-content{display:block}.loginBtn{margin-left:10px;padding:.1rem .6rem;text-decoration:none;border:1px solid var(--text-primary-color);border-radius:5px;background-color:var(--text-primary-color);font-size:1.2rem;color:var(--background-color)}@media (max-width:576px){.navbar{flex-direction:column;padding:10px 0}.navbar .logobox .logoTitle{font-size:1rem}.nav-links{display:none}.actionBox{display:flex;justify-content:space-between;align-items:center}.actionBox .menu{font-size:1.5rem;cursor:pointer}.actionBox .menu.active,.actionBox .menu:hover{color:var(--primary-color)}.hamburger{display:block}}.page-heading{font-size:2rem;font-weight:600;margin:10px 0;text-align:center;font-weight:400!important}form{align-items:center;margin:20px auto;border:1px solid var(--text-primary-color);border-radius:10px;width:50%;padding:10px 30px}form,form>div{display:flex;flex-direction:column;justify-content:center}form>div{align-items:flex-start;margin:5px 0;width:100%}form>div>label{font-size:1.2rem;font-weight:600;margin:5px 0}form>div>input,form>div>select,form>div>textarea{padding:10px;font-size:1.2rem;width:100%;border:1px solid var(--text-primary-color);border-radius:5px;outline:none}form>div>textarea{resize:vertical}form button[type=submit]{margin:5px 0;padding:10px 20px;cursor:pointer;font:optional;font-size:1.2rem;font-weight:600;outline:none;transition:all .2s;border:2px solid var(--text-primary-color);border-radius:5px}form button[type=submit]:disabled,form button[type=submit]:hover{background-color:var(--text-primary-color);color:var(--background-color)}form button[type=submit]:disabled{cursor:not-allowed}form button[type=submit]:disabled:hover{background-color:var(--text-primary-color);color:var(--background-color)}form button[type=reset]{margin:5px 0;padding:10px 20px;cursor:pointer;font:optional;font-size:1.2rem;font-weight:600;outline:none;transition:all .2s;border:2px solid var(--text-primary-color);border-radius:5px}form button[type=reset]:hover{background-color:var(--text-primary-color);color:var(--background-color)}.d-row{display:flex;flex-direction:row;gap:10px;width:100%}@media (max-width:576px){form{width:97vw;margin:5px auto}}@media (min-width:577px) and (max-width:1000px){form{width:80%}}