.btn{color:var(--fg);background:var(--button-bg);font-size:var(--step-0);border:2px solid var(--border-color);padding:.25rem .5rem;border-radius:.25rem;box-shadow:0 5px 0 0 var(--border-color);transition-property:box-shadow background color transform;transition-duration:30ms}@media screen and (prefers-reduced-motion: no-preference){.btn:active{background:var(--button-pressed-bg);box-shadow:0 0 0 0 var(--border-color);transform:translateY(5px)}}.hero{overflow:auto;padding:2rem;background:var(--hero-bg);width:100%;height:100%}.hero .title{font-size:var(--step-5);margin:0;margin-bottom:.5rem;line-height:1}.hero .subtitle{font-size:var(--step-0)}.hero .title,.hero .subtitle{text-align:center}@media (min-width: 64em){.hero .title,.hero .subtitle{width:70%;margin-left:auto;margin-right:auto}}.hero .get-started{display:flex;justify-content:center;margin-bottom:1.5rem}.hero .get-started a{padding:.5rem 1rem}.editor{background-color:#fff;color:#000;display:flex;width:70%;height:50vh;margin-left:auto;margin-right:auto;border:5px solid var(--border-color);border-radius:5px}.editor:focus-within{border-color:#ff2400}@media (max-width: 63.99em){.editor{width:100%}}