header{z-index:20;background-color:#0000;width:100%;min-height:4rem;padding-right:5rem;display:flex;position:absolute;right:0}header #logoLink{align-items:center;margin-left:1rem;font-size:.5rem;display:none}header #logoLink .header__title{letter-spacing:.2rem;font-size:1.8rem;font-weight:700;transition:all .3s}header #logoLink .header__title:hover{color:var(--color-link-active);transition:color .2s ease-in-out}@media (max-width:800px){header{padding-right:0}}@media (max-width:500px){header{background-color:var(--color-black);flex-direction:row-reverse;width:100%;min-height:3rem;position:fixed}header #logoLink{text-align:center;width:10rem;margin:0 32% 0 0;display:flex}header #logoLink .header__title{font-size:1rem}}@media (max-width:400px){header #logoLink{margin-right:25%}}
#logo{padding-bottom:2rem}#logo .logo__image{width:100%;height:auto}
.navbar{align-self:center;width:100%}.navbar #hamburger{display:none}.navbar .navbar__list{justify-content:flex-end;align-items:center;gap:3rem;height:100%;margin-right:2rem;list-style-type:none;display:flex}.navbar .navbar__list .navbar__list-element{list-style:none;transition:all .3s;display:inline;position:relative}.navbar .navbar__list .navbar__list-element .navbar__list-element-link{font-size:1.2rem;text-decoration:none}.navbar .navbar__list .navbar__list-element .navbar__list-element-link :after{content:"";background:var(--color-white);width:0;height:2px;transition:all .45s;position:absolute;bottom:-2px;left:50%}.navbar .navbar__list .navbar__list-element .navbar__list-element-link :not(.material-symbols-outlined):hover:after{width:100%;left:0}.navbar .navbar__list .navbar__list-element .navbar__list-element-link #favourite-link{position:relative}.navbar .navbar__list .navbar__list-element .navbar__list-element-link #favourite-link #favourites-amount{background-color:var(--color-black-light);border-radius:100%;padding:.1rem .3rem;font-family:rancho,sans-serif;font-size:1rem;position:absolute;top:-5px;right:-6px}.navbar .navbar__list .navbar__list-element .navbar__list-element-link .navbar__list-element-title{font-family:rancho,sans-serif;font-weight:100}.navbar .navbar__list .navbar__list-element .navbar__list-element-link.active{color:var(--color-link-active)}.navbar .navbar__list .navbar__list-element .navbar__list-element-link.active :after{content:"";background:var(--color-link-active);width:0;height:2px;transition:all .45s;position:absolute;bottom:-2px;left:50%}.navbar .navbar__list .navbar__list-element .material-symbols-outlined{vertical-align:text-bottom;font-size:2rem}.navbar .navbar__list .navbar__list-element .smallScreen{display:none}@media (max-width:800px){.navbar .navbar__list{gap:1rem;margin-right:1rem}}@media (max-width:500px){.navbar{position:fixed;top:0}.navbar #hamburger{display:inline}.navbar .navbar__list{background:var(--white);text-align:center;z-index:120;width:100%;display:none}.navbar .navbar__list .navbar__list-element .navbar__list-element-title{margin-left:1rem}.navbar .navbar__list .navbar__list-element .wideScreen{display:none}.navbar .navbar__list .navbar__list-element .smallScreen{display:block}.navbar .navbar__list .navbar__list-element .navbar__list-element-link #favourite-link #favourites-amount{right:revert}:is(.navbar .navbar__list .navbar__list-element .navbar__list-element-link,.navbar .navbar__list .navbar__list-element .navbar__list-element-link.active) :after{content:none}:is(.navbar .navbar__list .navbar__list-element .navbar__list-element-link,.navbar .navbar__list .navbar__list-element .navbar__list-element-link.active):hover{color:var(--color-link-active)}:has(#hamburger-checkbox:checked) .navbar__list{text-align:justify;background:var(--color-black);height:100vh;margin-top:2.8rem;padding-top:2rem;padding-bottom:2rem;animation:1s forwards burger-menu;display:inline-table;position:absolute}:has(#hamburger-checkbox:checked)~main,:has(#hamburger-checkbox:checked) footer{pointer-events:none;filter:blur(2px)}}@keyframes burger-menu{0%{opacity:0;transform:translateY(50px)}to{opacity:1;transform:translateY(0)}}