:root{--surface: #25408f;--on-surface: rgb(255, 255, 255);--accent: #e1e7f6;--accent-dark: #5275CB;--surface-light: #fff;--on-surface-light: #25408f;--secondary: rgb(247, 147, 30);--section-spacing: 40px}@font-face{font-family:Onest;src:url("./media/Onest-VariableFont_wght-ETBKHL2P.ttf")}*{box-sizing:border-box;font-size:16px;font-family:Onest}a{color:var(--on-surface)}body{background-color:var(--on-surface);height:100vh;margin:0}.bottom-spaced{margin-bottom:var(--section-spacing)}button{cursor:pointer}button:focus-visible{outline:2px solid var(--surface);outline-offset:2px}.icon{width:clamp(42px,8vw,64px)}.surface,.surface-light{border-radius:20px;display:flex;flex-direction:column;gap:10px;padding:20px}.surface{background-color:var(--surface);color:var(--on-surface)}.surface h2{font-size:clamp(20px,2.5vw,28px)}.surface-light{background-color:var(--surface-light);color:var(--on-surface-light)}