@font-face{font-family:TWK Lausanne;src:url(../TWK-Lausanne.woff2) format("woff2")}*,*:after,*:before{box-sizing:border-box;margin:0;padding:0}:root{font-size:12px;--color-text: #1a1a1a;--color-bg: #f8dfbc;--color-link: #1a1a1a;--color-link-hover: #1a1a1a;--page-padding: 1.5rem}body{margin:0;color:var(--color-text);background-color:var(--color-bg);font-family:ui-monospace,monospace;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.skip-link{position:absolute;top:-40px;left:6px;background:var(--color-text);color:var(--color-bg);padding:8px;text-decoration:none;border-radius:4px;z-index:10000;font-weight:600;transition:top .3s}.skip-link:focus{top:6px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}html,body{max-width:100vw;overflow-x:hidden;font-family:TWK Lausanne,sans-serif;touch-action:manipulation;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}body{margin:0}@media (scripting: enabled){.loading:before,.loading:after{content:"";position:fixed;z-index:10000}.loading:before{top:0;left:0;width:100%;height:100%;background:var(--color-bg)}.loading:after{top:50%;left:50%;width:100px;height:1px;margin:0 0 0 -50px;background:var(--color-link);animation:loaderAnim 1.5s ease-in-out infinite alternate forwards}}@keyframes loaderAnim{0%{transform:scaleX(0);transform-origin:0% 50%}50%{transform:scaleX(1);transform-origin:0% 50%}50.1%{transform:scaleX(1);transform-origin:100% 50%}to{transform:scaleX(0);transform-origin:100% 50%}}a{text-decoration:none;color:var(--color-link);outline:none;cursor:pointer}a:hover{text-decoration:underline;color:var(--color-link-hover)}a:focus{outline:none;background:#d3d3d3}a:focus:not(:focus-visible){background:transparent}a:focus:focus-visible{outline:2px solid #0066cc;outline-offset:2px;background:transparent}.frame{display:grid;z-index:2;grid-row-gap:1rem;grid-column-gap:1.5rem;pointer-events:none;justify-items:start;align-content:start;padding:var(--page-padding);height:100vh;position:fixed;top:0;left:0;width:100%;grid-template-columns:auto 1fr auto auto auto auto auto;grid-template-rows:auto 1fr;grid-template-areas:"title title x github linkedin instagram youtube" "sponsor sponsor sponsor sponsor sponsor sponsor sponsor"}@media (max-width: 970px){.frame{grid-template-columns:1fr;grid-template-rows:auto auto auto 1fr;grid-template-areas:"title" "socials" "search" "sponsor";justify-items:start}}.frame #cdawrap{max-width:260px;align-self:end}.frame a,.frame button{pointer-events:auto;border:2px solid #ffffff}.frame .frame__title{display:flex;justify-content:center;align-items:center;grid-area:title;margin:0;padding:.75rem 1.5rem;background:#f8dfbcf2;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-radius:2rem;border:1px solid rgba(255,255,255,.5);box-shadow:0 0 15px #fff6,0 2px 8px #0000001a;transition:all .3s ease;cursor:pointer}.frame .frame__title:hover{box-shadow:0 0 20px #ffffffe6,0 0 40px #fff9;border-color:#fff;transform:scale(1.02)}@media (max-width: 970px){.frame .frame__title{width:100%}}.frame .frame__title h1{font-size:1.15rem}.frame .frame__social{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;transition:all .3s ease;background:#f8dfbcf2;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.5);box-shadow:0 0 15px #fff6,0 2px 8px #0000001a}.frame .frame__social:hover{background:#f8dfbce6;transform:scale(1.1);text-decoration:none;border-color:#fff;box-shadow:0 0 20px #ffffffe6,0 0 40px #fff9}.frame .frame__social svg{width:20px;height:20px;fill:var(--color-text);transition:fill .3s ease}.frame .frame__social:nth-of-type(1){grid-area:x}.frame .frame__social:nth-of-type(2){grid-area:github}.frame .frame__social:nth-of-type(3){grid-area:linkedin}.frame .frame__social:nth-of-type(4){grid-area:instagram}.frame .frame__social:nth-of-type(5){grid-area:youtube}.frame .socials-wrapper{display:contents}@media (max-width: 970px){.frame .socials-wrapper{grid-area:socials;display:flex;flex-wrap:wrap;gap:.8rem;width:100%;justify-content:space-between}}.frame .frame__tags{grid-area:tags;display:flex;flex-wrap:wrap;gap:1rem}.frame .frame__demos{grid-area:demos;display:flex;flex-wrap:wrap;gap:1rem}.content{padding:var(--page-padding);display:flex;flex-direction:column;width:100vw;position:relative}@media screen and (min-width: 53em){.content{min-height:100vh;justify-content:center;align-items:center}}