html,body{margin:0;padding:0;height:100%}.navBar{width:100%;padding-top:10px;padding-bottom:10px;color:#fff;background-color:#6db33f;font-family:monospace;font-size:17.5px;font-weight:700}.navContainer{display:flex;justify-content:space-between;align-items:center}.navLeft{padding-left:10px;display:flex;gap:20px}.navRight{padding-right:10px;display:flex}.navLink{text-decoration:none;color:inherit}.navLink:hover{color:#d1dad9}.logoutBtn{padding:6px 14px;color:#3a3a3a;cursor:pointer;border:1px solid #a5c59f;border-radius:6px;background-color:#eef5ea;font-family:monospace;font-size:15px;font-weight:700;box-shadow:0 1px 3px #00000026;transition:all .2s ease}.logoutBtn:hover{background-color:#d4e9cf;border-color:#85b577}.logoutBtn:active{background-color:#c7e0c0;transform:translateY(1px)}