@import "https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap";@import "https://fonts.googleapis.com/css2?family=Shadows+Into+Light&display=swap";:root{--background-primary-color:#181b24;--text-primary-color:#d1dddf;--link:#99d98c;--link-hover:#d9ed92;--button:#1a759f;--header-overlay:#ffffff26}[data-theme=light]{--background-primary-color:whitesmoke;--text-primary-color:#211e23;--link:#024f97;--link-hover:#6c3f83;--button:#bde0fe;--header-overlay:#fffc}*{box-sizing:border-box}body{background-color:var(--background-primary-color);color:var(--text-primary-color);margin:0;padding:0;font-family:Montserrat,sans-serif}nav{background-color:var(--header-overlay);flex-direction:row;justify-content:space-around;align-items:center;padding:1em;display:flex}.nav-links{align-items:center;display:flex}.nav-links ul{flex-direction:row;gap:1.5em;margin-right:1em;list-style:none;display:flex}main{flex-direction:column;justify-content:center;align-items:stretch;padding:3em 4em;display:flex}h1,h2{text-align:center;margin:0 0 10px}footer{text-align:center;margin-top:auto}#root{flex-direction:column;width:100vw;height:100vh;display:flex;position:relative}.pink-accent{opacity:.4;filter:blur(100px);z-index:-1;background-color:#ff8fa2;width:300px;height:300px;position:absolute;top:0;left:0}.purple-accent{opacity:.3;filter:blur(100px);z-index:-1;background-color:#8f55db;width:300px;height:300px;position:absolute;bottom:0;right:0}.green-accent{opacity:.2;filter:blur(100px);z-index:-1;background-color:#55db7d;width:400px;height:400px;position:absolute;top:50%;left:30%;translate:-50%}a{color:var(--link);font-weight:600;text-decoration:none;transition:color .3s;position:relative}a:hover{color:var(--link-hover)}a:after{content:"";background-color:var(--link-hover);width:0;height:2px;transition:all .3s;position:absolute;bottom:-2px;left:50%;transform:translate(-50%)}a:hover:after{width:100%}.link-active{color:var(--link-hover)}.link-active:after{content:"";background-color:var(--link-hover);width:100%;height:2px;position:absolute;bottom:-2px;left:50%;transform:translate(-50%)}.theme-btn{background-color:var(--button);border:none;border-radius:50%;width:40px;height:40px}.theme-btn i{color:var(--text-primary-color)}.theme-btn:hover{background-color:#00ffff8f}.title{color:var(--link);font-family:Shadows Into Light,cursive;font-size:3rem}.purchase-links{justify-content:space-around;display:flex}h3{text-align:center}.subtitle{margin-top:0;font-size:1.2rem;font-style:italic;font-weight:500}.extras-list{text-align:center}ul{flex-direction:column;gap:.5em;padding:0;list-style:none;display:flex}.menu-btn{cursor:pointer;color:var(--link);background:0 0;border:none;font-size:1.8rem;display:none}.flex-row{flex-direction:row;gap:2em;display:flex}.flex-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:20px;width:100%;display:grid}.flex-grid img{transition:transform .4s,filter .3s;transform:scale(.8)}.flex-grid img:hover{filter:brightness(1.05);transform:scale(1)}.img-shadow{box-shadow:5px 5px 5px #00000049}@media (width<=768px){.menu-btn{display:block}.nav-links{background-color:var(--background-primary-color);z-index:1000;opacity:0;pointer-events:none;border-radius:10px;flex-direction:column;align-items:flex-start;padding:1rem;font-size:1.5rem;transition:opacity .3s,transform .3s;display:flex;position:absolute;top:0;right:1rem;transform:translateY(-10px);box-shadow:0 4px 10px #00000026}.nav-links.active{opacity:1;pointer-events:auto;transform:translateY(0)}.nav-links ul{flex-direction:column;gap:1rem;width:100%}main{padding:1em 2em}.flex-row{flex-direction:column;gap:1.5em}.purchase-links{flex-wrap:wrap;justify-content:center;gap:.5em}.flex-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:0;width:100%;display:grid}.img-shadow{width:100%;max-width:688px}}