.nav{position:sticky;top:0;width:100%;background-color:var(--background-color);text-align:center;padding:.125rem .3125rem;display:flex;align-items:center;justify-content:space-between;box-shadow:0 .25rem .375rem rgba(0,0,0,.1);z-index:1000;padding:4px 8px}.nav .logo{height:32px}.nav ul{list-style:none;padding:0;margin:0;display:flex;margin-left:auto}.nav li{position:relative}.nav a{color:var(--text-color);text-decoration:none;font-size:.8125rem;padding:.375rem .5rem;margin:.3125rem;display:inline-block}.nav .submenu{display:none;position:absolute;background:var(--background-color);list-style:none;padding:0;margin:0;top:100%;right:0;min-width:8.75rem;box-shadow:0 .125rem .375rem rgba(0,0,0,.1)}.nav .submenu a{display:block;color:var(--text-color);font-size:.8125rem;padding:.5rem .625rem}.nav li:hover>.submenu{display:block}.nav li:hover{background-color:var(--box-background-color)}.menu-icon,.sidebar,.overlay{display:none}@media screen and (max-width:48rem){.nav{display:none}.menu-icon{display:block;font-size:.9375rem;cursor:pointer;position:fixed;top:1.25rem;left:1.25rem;z-index:1000;background-color:var(--background-color);color:var(--text-color);padding:.3125rem .625rem;border-radius:.3125rem;border:.125rem solid var(--text-color);transition:background .3s ease-in-out}.menu-icon:hover{background-color:var(--box-background-color)}.sidebar{display:block;position:fixed;top:0;right:0;width:15.625rem;height:100%;background-color:#ffffff;color:#008000;padding-top:1.25rem;transition:transform .4s ease-in-out;transform:translateX(100%);overflow-y:auto;z-index:1001;text-align:center}.sidebar.active{transform:translateX(0)}.sidebar .logo-container{text-align:center;margin-bottom:1.25rem}.sidebar .logo{height:3.75rem}.sidebar a{display:block;color:var(--text-color);background-color:var(--background-color);padding:.9375rem;text-decoration:none;transition:.3s;font-size:1.125rem;text-align:right}.sidebar a:hover{background-color:#f0f0f0}.submenu-toggle{display:block;padding:.9375rem;cursor:pointer;background:var(--background-color);border:none;color:var(--text-color);text-align:right;width:100%;font-size:1rem;border-top:.0625rem solid #ddd}.sidebar .submenu{max-height:0;overflow:hidden;transition:max-height .3s ease-in-out;background:var(--background-color);padding-left:.625rem}.sidebar .submenu a{padding-left:1.25rem}.overlay{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.5);z-index:998}.overlay.active{display:block}}