body{background:#8c2f39;font-family:PT Mono,monospace;min-height:100vh}.counter{background:var(--accent-bg);border:2px solid #0000;border-radius:5px;color:var(--accent);font-size:16px;margin-bottom:24px;padding:5px 10px;transition:border-color .3s;&:hover{border-color:var(--accent-border)}&:focus-visible{outline:2px solid var(--accent);outline-offset:2px}}.hero{position:relative;.base,.framework,.vite{inset-inline:0;margin:0 auto}.base{position:relative;width:170px;z-index:0}.framework,.vite{position:absolute}.framework{height:28px;top:34px;transform:perspective(2000px) rotate(300deg) rotateX(44deg) rotateY(39deg) scale(1.4);z-index:1}.vite{height:26px;top:107px;transform:perspective(2000px) rotate(300deg) rotateX(40deg) rotateY(39deg) scale(.8);width:auto;z-index:0}}#center{display:flex;flex-direction:column;flex-grow:1;gap:25px;place-content:center;place-items:center;@media (max-width:1024px){gap:18px;padding-bottom:24px;padding-left:20px;padding-right:20px;padding-top:32px}}#next-steps{border-top:1px solid var(--border);display:flex;text-align:left;&>div{flex:1 1;padding:32px;@media (max-width:1024px){padding-bottom:24px;padding-left:20px;padding-right:20px;padding-top:24px}}.icon{height:22px;margin-bottom:16px;width:22px}@media (max-width:1024px){flex-direction:column;text-align:center}}#docs{border-right:1px solid var(--border);@media (max-width:1024px){border-bottom-color:var(--border);border-bottom-style:solid;border-bottom-width:1px;border-right-color:currentcolor;border-right-style:none;border-right-width:medium}}#next-steps ul{display:flex;gap:8px;list-style:none;margin:32px 0 0;padding:0;.logo{height:18px}a{align-items:center;background:var(--social-bg);border-radius:6px;color:var(--text-h);display:flex;font-size:16px;gap:8px;padding:6px 12px;text-decoration:none;transition:box-shadow .3s;&:hover{box-shadow:var(--shadow)}.button-icon{height:18px;width:18px}}@media (max-width:1024px){flex-wrap:wrap;justify-content:center;margin-top:20px;li{flex-basis:calc(50% - 8px);flex-grow:1;flex-shrink:1}a{box-sizing:border-box;justify-content:center;width:100%}}}#spacer{border-top:1px solid var(--border);height:88px;@media (max-width:1024px){height:48px}}.ticks{position:relative;width:100%;&:after,&:before{border:5px solid #0000;content:"";position:absolute;top:-4.5px}&:before{border-left-color:var(--border);left:0}&:after{border-right-color:var(--border);right:0}}
/*# sourceMappingURL=main.a92ab94a.css.map*/