#hamburger{padding-top:.5rem}#hamburger #hamburger-checkbox{display:none}#hamburger #hamburger-checkbox:checked~label>i{background-color:#0000;transform:rotate(90deg)}#hamburger #hamburger-checkbox:checked~label>i:before{transform:translate(-50%,-50%)rotate(45deg)}#hamburger #hamburger-checkbox:checked~label>i:after{transform:translate(-50%,-50%)rotate(-45deg)}#hamburger #hamburger-checkbox:checked~label .close{width:100%}#hamburger #hamburger-checkbox:checked~label .open{width:0}#hamburger .hamburger-label{width:26px;height:26px;margin-left:1rem;position:absolute;top:5px}#hamburger .hamburger-label:hover{cursor:pointer}#hamburger .hamburger-label .text .close,#hamburger .hamburger-label .text .open{text-transform:uppercase;text-align:center;color:var(--color-white);font-size:.6rem;transition:width .25s .35s,color .45s .35s;position:absolute;overflow:hidden;transform:translateY(24px)}#hamburger .hamburger-label .text .close{width:0;right:0}#hamburger .hamburger-label .text .open{width:100%}#hamburger .hamburger-label>i{background-color:var(--color-white);width:100%;height:2px;transition-duration:.35s;transition-delay:.35s;position:absolute;top:50%}#hamburger .hamburger-label>i:before,#hamburger .hamburger-label>i:after{background-color:var(--color-white);content:"";transform-origin:50%;width:100%;height:2px;transition:transform .35s;position:absolute;left:50%}#hamburger .hamburger-label>i:before{transform:translate(-50%,-7px)}#hamburger .hamburger-label>i:after{transform:translate(-50%,7px)}
header{z-index:20;width:100%;min-height:4rem;padding-right:5rem;display:flex;position:fixed;top:0;left:0;right:0}header #logoLink{align-items:center;margin-left:1rem;font-size:.5rem;display:none}header #logoLink .header__title{letter-spacing:.2rem;font-family:irish grover,sans-serif;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 33% 0 0;display:flex}header #logoLink .header__title{font-size:1rem}}@media (max-width:400px){header #logoLink{margin-right:25%}}
.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:iceland,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:550px){.navbar .navbar__list .navbar__list-element .navbar__list-element-link .navbar__list-element-title{font-size:1.6rem}}@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-link .navbar__list-element-title{margin-left:1rem;font-size:2rem}.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)}}
#footerLogo{flex-direction:column;display:flex}#footerLogo .footerLogo__title{text-align:left;color:var(--color-footer-heading);font-family:iceland,sans-serif;font-weight:500}#footerLogo .footerLogo__text{color:var(--color-nintendo-gray)}@media (max-width:600px){#footerLogo .footerLogo__title{text-align:center}}
#siteLinks{flex-direction:column;display:flex}#siteLinks .siteLinks-heading{color:var(--color-footer-heading);letter-spacing:1px;padding-bottom:.5rem;font-size:1.2rem}#siteLinks #links{flex-direction:column;display:flex}#siteLinks #links a{width:fit-content;font-family:iceland,sans-serif;font-size:1.2rem;font-weight:600;line-height:30px}#siteLinks #links a:hover{color:var(--color-link-active)}@media (max-width:900px){#siteLinks{padding-top:2rem}}
footer{background-color:var(--color-black);z-index:1;flex-direction:column;justify-content:space-between;display:flex}footer #footerComponents{border-top:1px solid #f0cca430;justify-content:space-between;height:100%;margin-left:5rem;margin-right:5rem;padding-top:1rem;display:flex}footer #copyright{align-self:center;align-items:center;margin-bottom:1rem;padding-top:2rem;display:flex}footer #copyright .copyright__text{text-align:left;color:var(--color-nintendo-gray);align-self:baseline;font-weight:400}@media (max-width:900px){footer #footerComponents{margin-left:2rem;margin-right:2rem}}@media (max-width:600px){footer #footerComponents{flex-direction:column;align-items:center;margin-left:.5rem;margin-right:.5rem;display:flex}footer #footerComponents #siteLinks{text-align:center}}