.header{position:fixed;top:0;width:100%;z-index:20;transition:all .15s;box-shadow:0 1px 10px #0000004d}.logo{width:7rem;margin-left:1rem;margin-top:auto;margin-bottom:auto;height:100%;color:var(--color-secondary)}@media(min-width:768px){.logo{margin-left:3rem}}.header-item{color:var(--color-accent)!important;border-radius:0;padding:.5rem 1rem;transition:background-color .2s ease}.header-item:hover{background-color:var(--color-secondary)!important;color:var(--color-accent)!important}.header-item:focus{background-color:var(--color-secondary);color:var(--color-accent)!important}.sidebar-trigger{display:flex;align-items:center;gap:8px}.searchicon{display:none;margin-top:.5rem}@media(max-width:768px){.header{padding-left:15px;padding-right:15px;box-sizing:border-box}.searchicon{display:block}}.drawerside{top:72px;text-transform:uppercase}.drawer-overlay{position:fixed}.sidebarlist{padding:1rem 1rem 1rem 2rem;width:20rem;min-height:100%;font-size:1.5rem;background-color:var(--color-primary);color:var(--color-accent);box-shadow:-5px 0 10px #0000004d}.sidebarlist a{color:inherit}.sidebar-item{display:inline-block;padding:.75rem;transition:color .2s,background-color .2s;text-decoration:none;color:var(--color-accent)}.sidebar-item:hover{background-color:var(--color-secondary);color:var(--color-accent);border-radius:4px}.padding-class{padding:0}.hamburger-container{padding:1rem 1.5rem;display:flex;flex-direction:column;align-items:flex-end;gap:.25rem;cursor:pointer}.line{height:3px;background-color:var(--color-accent);transition:transform .5s ease;transform-origin:right}.line1{width:1.5rem}.line2{width:2rem}.line3{width:1.75rem}.line4{width:2.25rem}@keyframes grow{0%,to{transform:scaleX(1)}50%{transform:scaleX(1.1)}}.hamburger div{transition:transform .5s ease;transform-origin:right}.hamburger:hover .line1,.hamburger:hover .line3{animation:grow 1s ease-in-out infinite alternate}.hamburger:hover .line2,.hamburger:hover .line4{animation:grow 1s ease-in-out infinite alternate .5s}.animate-lines .line1,.animate-lines .line3{animation:grow 1s ease-in-out infinite alternate}.animate-lines .line2,.animate-lines .line4{animation:grow 1s ease-in-out infinite alternate .5s}
