@import "https://fonts.googleapis.com/css2?family=Pacifico&family=Work+Sans:wght@400;700&display=swap";:root{--primary-color:#ff9f29;--secondary-color:#1a4d2e;--background-color:#dacba8;--background-light-color:#faf3e3;--link-color:#337ab7;--hover-color:#173753;--main-font:"Work Sans", sans-serif;--brand-font:"Pacifico", cursive}*,:before,:after{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--background-light-color);background-image:linear-gradient(to right, var(--background-color), var(--background-light-color));font-family:var(--main-font);flex-direction:column;min-height:100vh;display:flex}img,picture,video,canvas,svg{max-width:100%;display:block}input,button,textarea,select{font:inherit}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}.constrained-width{--contraint:600px;padding-left:calc(50vw - var(--contraint));padding-right:calc(50vw - var(--contraint))}.constrained-width>span{margin:0 2rem}@media (width<=1200px){.constrained-width{--contraint:512px}}@media (width<=1024px){.constrained-width{--contraint:384px}}@media (width<=768px){.constrained-width{padding:.5rem 2rem}.constrained-width>span{margin:0}}@media (width<=768px){main{margin-left:0!important;margin-right:0!important}}@media (width<=375px){main{padding-left:0!important;padding-right:0!important}main .categories{margin-left:1rem}}header{z-index:1;position:sticky;top:0}@media (height<=600px){header{position:static}}.main-nav{background-color:#000;padding-top:1rem;padding-bottom:1rem}.main-nav>span{align-items:center;gap:2.5rem;display:flex}@media (width<=700px){.main-nav>span{grid-template-columns:1fr 1fr;gap:1rem;display:grid}.main-nav>span .brand{grid-row:1/4}}.main-nav a{color:#777;text-transform:uppercase;font-size:1.2rem;text-decoration:none;transition:all .3s}.main-nav a.active,.main-nav a:hover{color:var(--primary-color);scale:1.05}@media (width<=768px){.main-nav a{font-size:1rem}}.brand{font-size:2rem;font-family:var(--brand-font);color:var(--primary-color);flex-grow:1}.subtitle{background-image:linear-gradient(to right, var(--secondary-color), black);color:var(--background-color);padding-top:.5rem;padding-bottom:.5rem;font-size:2.2rem;font-weight:500}main{flex-grow:1;margin-left:2rem;margin-right:2rem;animation:1s ease-out forwards content-appear}@keyframes content-appear{0%{opacity:0;transform:translateY(3rem)}to{opacity:1;transform:translateY(0)}}footer{background-color:var(--primary-color);color:#fff;text-align:center;padding:2rem}h2{text-shadow:1px 1px 2px #000;color:#dacba8;background-image:linear-gradient(to right, var(--h2-background), transparent);border-radius:3rem 0 0 3rem;margin:1rem 0;padding:.5rem 0 .5rem 1.5rem;font-size:4rem;font-weight:500}@media (width<=600px){h2{font-size:3rem}}@media (width<=425px){h2{font-size:2rem}}section{--h2-background:var(--primary-color)}section>:not(h2){margin-left:1.5rem;margin-right:1.5rem}section:nth-of-type(2n){--h2-background:var(--secondary-color)}.featured{--box-shadow-alpha:.4;text-align:center;background-color:var(--primary-color);box-shadow:0 6px 8px rgba(0, 0, 0, var(--box-shadow-alpha));border-radius:2rem;margin:0;padding:2rem;transition:box-shadow .3s}.featured:hover{--box-shadow-alpha:.8}.featured:hover h2,.featured:hover h3{color:#000}.featured h2,.featured h3{transition:color .3s}.featured h2{background:0 0;margin-top:0;margin-bottom:.5rem;padding:0;font-size:2rem}.featured h2 span{white-space:nowrap;font-size:1.6rem;display:inline-block}.featured h3{text-shadow:1px 1px 2px #000;color:#ddd6c3;margin-bottom:1rem}.featured p{color:#000}@media (width<=425px){.featured{padding:0 0 1rem}}:has(.featured)+section h2{--h2-background:var(--secondary-color)}a:has(.featured){margin:0 9rem;text-decoration:none;display:flex}@media (width<=1200px){a:has(.featured){margin:0 5rem}}@media (width<=1024px){a:has(.featured){margin:0}}.error{text-align:center;background-color:var(--primary-color);width:50%;color:var(--background-light-color);text-shadow:1px 1px 3px #948b75;border-radius:20px;margin:1rem auto;padding:1rem;font-size:7rem;text-decoration:none;transition:all .3s;display:block;box-shadow:3px 3px 3px #948b75}.error:hover{color:var(--background-color);translate:0 5px;box-shadow:1px 1px 3px #948b75}main:has(.error){animation:none}.section-content{gap:1rem;display:flex}.section-content img{width:9rem;height:14rem}.section-content p{white-space:pre-line}@container (width<=448px){.section-content{flex-direction:column}.section-content img{align-self:center}}:has(>.section-content){container-type:inline-size}@container (width<=448px){:has(>.section-content) h3{text-align:center}}.catalog{--column-min-width:25rem;grid-template-columns:repeat(auto-fill, minmax(var(--column-min-width), 1fr));gap:1rem 2rem;list-style:none;display:grid}.catalog h3{color:var(--secondary-color);margin-bottom:.5rem;font-size:1.5rem}@media (width<=620px){.catalog{--column-min-width:100%}}.release-date{margin-top:.5rem;font-style:italic;font-weight:700}.coming-soon{text-align:center;margin-top:7rem}.bottom-newsletter{flex-wrap:wrap;justify-content:center;gap:1rem;margin-top:1rem;margin-bottom:2rem;display:flex}.newsletter-button{color:#777;background-color:#000;border:none}.newsletter-button :hover{color:var(--primary-color)}.newsletter-blink iframe{animation:.3s ease-in-out blink}@keyframes blink{0%,to{outline:none}50%{outline:solid 3px var(--secondary-color)}}.kirby{border:solid 4px var(--primary-color);border-radius:40%;align-self:center;width:10rem;height:10rem;box-shadow:1px 1px 10px #00000059}
