:root{--font-heading: "Bebas Neue", sans-serif;--font-body: "Montserrat", sans-serif;--font-game: "Press Start 2P", system-ui;--primary: #27AE60;--accent: #1E8449;--background: #F9FAFB;--text: #1A1A1A}html,body{height:100%;font-size:16px;background:var(--background);padding:0;margin:0;overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);color:var(--text)}h1{font-size:4rem}h2{font-size:3rem}h3{font-size:2.5rem}h4{font-size:2rem}h5{font-size:1.5rem}h6{font-size:1rem}p{font-size:1rem;font-family:var(--font-body);color:var(--text);max-width:60ch;font-weight:500;padding:0;margin:0;line-height:1.5}header-component{position:fixed;top:0;left:0;transform:translateY(0);transition:transform .2s ease;width:100%;z-index:10}header-component.hidden{transform:translateY(-100%)}.sec{scroll-margin-top:var(--scroll-margin)}button{color:var(--background);background:var(--primary);font-size:1.5rem;border:.2rem solid var(--text);font-family:var(--font-heading);padding:.3rem .5rem;margin:0;transition:transform .1s ease,background .1s ease}button:hover{background:var(--accent)}button:active{transform:scale(.98);background:var(--accent)}