@import url(https://fonts.googleapis.com/css2?family=Inter:wght@100..900&display=swap);@import url(https://fonts.cdnfonts.com/css/menlo);*{color-scheme:dark}[data-theme=light] *{color-scheme:light}@font-face{font-family:NotoColorEmojiLimited;src:url(https://raw.githack.com/googlefonts/noto-emoji/main/fonts/NotoColorEmoji.ttf);unicode-range:u+1f1e6-1f1ff}:root{--bg-color:#121212;--card-color:#1f1f1f;--border-color:#2c2c2c;--green:#4cc796;--link-color:#98a0fa;--muted-color:#b0b0b0;--button-background-color:#252525;--font-color-base:#fff;--margin-16:16px;--font-family:"Inter",-apple-system,BlinkMacSystemFont,"Helvetica Neue",Arial,sans-serif,"NotoColorEmojiLimited";--hover-background-color:#333;--hover-text-color:#fff;--beta-color-text:#181818;--compatibility-icon-filter:brightness(0) invert(1);--theme-transition:background-color 0.3s ease,color 0.3s ease,border-color 0.3s ease}[data-theme=light]{--bg-color:#f5f5f5;--card-color:#fff;--border-color:#e0e0e0;--green:#1a7045;--link-color:#6b76ff;--muted-color:#444;--button-background-color:#e9e9e9;--font-color-base:#111;--hover-background-color:#d4d4d4;--hover-text-color:#000;--beta-color-text:#fff;--compatibility-icon-filter:brightness(0)}body{background-color:#121212;background-color:var(--bg-color);color:#fff;color:var(--font-color-base);font-family:Inter,-apple-system,BlinkMacSystemFont,Helvetica Neue,Arial,sans-serif,NotoColorEmojiLimited;font-family:var(--font-family);margin:0;max-width:100%;transition:background-color .3s ease,color .3s ease,border-color .3s ease;transition:var(--theme-transition)}@media screen and (max-width:600px){.container{margin-top:80px}}@media screen and (max-width:900px){.container{margin-left:16px!important;margin-left:var(--margin-16)!important;margin-right:16px!important;margin-right:var(--margin-16)!important}}.container{display:flex;flex-direction:column;margin-left:auto;margin-right:auto;max-width:780px}header h1{font-size:3rem;font-weight:700;margin-top:0}header h4{color:#b0b0b0;color:var(--muted-color);font-family:Inter,-apple-system,BlinkMacSystemFont,Helvetica Neue,Arial,sans-serif,NotoColorEmojiLimited;font-family:var(--font-family);font-size:.9rem;font-weight:400;margin-top:-1rem}.header-box{align-items:baseline;display:flex;flex-direction:row;gap:1rem;justify-content:space-between}main#projects,main>#featured-projects{grid-gap:1rem;display:flex;display:grid;gap:1rem;grid-template-columns:repeat(2,1fr)}@media screen and (max-width:600px){main#projects,main>#featured-projects{grid-template-columns:repeat(1,1fr)}}.project-card{background-color:#1f1f1f;background-color:var(--card-color);border:1px solid #2c2c2c;border:1px solid var(--border-color);border-radius:10px;line-height:1.3;padding:1.5rem 1.5rem 5rem;position:relative}a.project-title{display:block;font-size:1.1rem;font-weight:500;margin:.1rem 0 .5rem}.project-card h4{color:#b0b0b0;color:var(--muted-color);display:block;font-family:Inter,-apple-system,BlinkMacSystemFont,Helvetica Neue,Arial,sans-serif,NotoColorEmojiLimited;font-family:var(--font-family);font-size:.9rem;font-weight:400;margin:0}.project-card .lang{position:absolute;right:1.5rem;top:1.5rem}time{color:#4cc796;color:var(--green);font-family:Menlo,IBM Plex Mono,monospace}.links{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:1rem}.links.anchored{bottom:1.5rem;left:1.5rem;position:absolute}a{text-decoration:none}.dropdown,a.button,button{align-items:center;background:#252525;background:var(--button-background-color);border:1px solid #2c2c2c;border:1px solid var(--border-color);border-radius:10px;color:#fff;color:var(--font-color-base);cursor:pointer;display:inline-flex;font-family:Inter,-apple-system,BlinkMacSystemFont,Helvetica Neue,Arial,sans-serif,NotoColorEmojiLimited;font-family:var(--font-family);font-size:.9rem;font-weight:500;gap:.25rem;letter-spacing:0;line-height:1;padding:.6rem 1rem;transition:transform .2s ease-in-out;white-space:nowrap}.dropdown{position:relative}summary:before{content:"";height:100%;left:0;position:absolute;top:0;width:100%}.dropdown:hover,a.button:hover,button:hover{background-color:#333;background-color:var(--hover-background-color);border-color:#666;color:#fff;color:var(--hover-text-color)}a.button:active,button:active{transform:scale(.95)}.dropdown-menu{background:#1f1f1f;background:var(--card-color);border:1px solid #2c2c2c;border:1px solid var(--border-color);border-radius:10px;color:#fff;color:var(--font-color-base);cursor:default;display:block;font-family:Inter,-apple-system,BlinkMacSystemFont,Helvetica Neue,Arial,sans-serif,NotoColorEmojiLimited;font-family:var(--font-family);font-size:.9rem;font-weight:500;line-height:1.5;list-style:none;padding:0;position:absolute;right:0;top:25px;width:max-content;z-index:2}.dropdown-menu>li{cursor:pointer}.dropdown-item:hover{color:#fff;color:var(--font-color-base)}.dropdown-menu li{padding:5px 10px}.dropdown-menu li:hover{background:#333;background:var(--hover-background-color);border-color:#666;color:#fff;color:var(--hover-text-color)}.dropdown-menu hr{margin:5px 9px}.dropdown-menu li:first-child{margin-top:5px}.dropdown-menu li:last-child{margin-bottom:5px}a:link,a:visited{color:#fff;color:var(--font-color-base)}a:active,a:hover{color:#b0b0b0;color:var(--muted-color)}.nav-title{color:#fff;color:var(--font-color-base);font-size:1.5rem;font-weight:600;left:50%;position:absolute;transform:translateX(-50%);transition:background-color .3s ease,color .3s ease,border-color .3s ease;transition:var(--theme-transition)}#navigation{align-items:center;background:#0000;border-bottom:none;display:flex;font-family:Inter,-apple-system,BlinkMacSystemFont,Helvetica Neue,Arial,sans-serif,NotoColorEmojiLimited;font-family:var(--font-family);height:auto;justify-content:space-between;left:0;padding:2rem 0;position:static;top:0;width:100%;z-index:3}@media screen and (max-width:600px){#navigation{align-items:center;display:flex;height:60px;justify-content:space-between;transition:background-color .3s ease,color .3s ease,border-color .3s ease;transition:var(--theme-transition);z-index:1000}#navigation,#navigation nav{background:#121212;background:var(--bg-color);border-bottom:1px solid #2c2c2c;border-bottom:1px solid var(--border-color);padding:0;position:fixed;width:100%}#navigation nav{align-items:flex-start;flex-direction:column;left:0;max-height:0;overflow:hidden;top:60px;transition:max-height .3s ease-in-out,padding .3s ease-in-out;z-index:999}#navigation nav.open{max-height:calc(100vh - 60px);overflow-y:auto;padding:.5rem 0}.container{margin-top:80px}}.hamburger-icon{cursor:pointer;display:flex;flex-direction:column;height:21px;justify-content:space-between;margin-left:1rem;width:30px;z-index:10}.hamburger-line{background-color:#fff;background-color:var(--font-color-base);border-radius:3px;height:3px;transition:all .3s ease-in-out;width:100%}.hamburger-line.open:first-child{transform:translateY(9px) rotate(45deg)}.hamburger-line.open:nth-child(2){opacity:0}.hamburger-line.open:nth-child(3){transform:translateY(-9px) rotate(-45deg)}.nav-list{align-items:center;display:flex;gap:.25rem;list-style:none;margin:0;padding:0;width:100%}@media screen and (max-width:600px){.nav-list{flex-direction:column;width:100%}.nav-list-item{border-bottom:1px solid #2c2c2c;border-bottom:1px solid var(--border-color);width:100%}.nav-list-item:last-child{border-bottom:none}.nav-list-item a{align-items:center;color:#fff;color:var(--font-color-base);display:flex;gap:1rem;padding:1rem;transition:background-color .2s ease,color .2s ease;width:100%}.nav-list-item a:hover{background-color:#333;background-color:var(--hover-background-color);color:#fff;color:var(--hover-text-color)}.nav-list-item img{height:20px;width:20px}}.theme-toggle-mobile{align-items:center;color:#fff;color:var(--font-color-base);cursor:pointer;display:flex;justify-content:center;position:absolute;right:1rem;top:1rem;transition:background-color .3s ease,color .3s ease,border-color .3s ease;transition:var(--theme-transition)}.theme-toggle-mobile svg{height:24px;width:24px}.theme-toggle-desktop svg,.theme-toggle-mobile svg{fill:#fff;fill:var(--font-color-base);transition:background-color .3s ease,color .3s ease,border-color .3s ease;transition:var(--theme-transition)}.theme-toggle-desktop svg{height:20px;width:20px}.sr-only{clip:rect(0,0,0,0);border-width:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}@media screen and (min-width:601px){.nav-list{justify-content:space-between}.nav-list-item a{align-items:center;border:1px solid #2c2c2c;border:1px solid var(--border-color);border-radius:10px;display:flex;gap:.5rem;padding:.75rem;transition:all .2s ease-in-out}.nav-list-item a:hover{background:#333;background:var(--hover-background-color);border-color:#666;color:#fff;color:var(--hover-text-color)}.nav-list-item a:active{transform:scale(.95)}.nav-list-item img{height:20px;width:20px}}.nav-item,.nav-item-box{align-items:center;display:flex}.nav-item{border:1px solid #2c2c2c;border:1px solid var(--border-color);border-radius:10px;color:#bbb;cursor:pointer;font-size:1rem;font-weight:500;gap:.5rem;justify-content:space-between;padding:.75rem;transition:transform .2s ease-in-out}.nav-item-box a{background:#0000;max-height:20px;min-height:min-content;text-decoration:none;white-space:nowrap}.nav-item-box a:hover{background:#333;background:var(--hover-background-color);border-color:#666;color:#fff;color:var(--hover-text-color)}.nav-item-box a:active{transform:scale(.95)}.nav-image{height:20px;min-height:20px;min-width:20px;width:20px}.post-content p{-webkit-font-smoothing:auto;color:#fff;color:var(--font-color-base);font-size:1.1rem;letter-spacing:-.01rem;line-height:1.625;margin-bottom:1.5rem;margin-top:0}.post-content a,footer a{color:#98a0fa;color:var(--link-color);text-decoration-line:underline;text-decoration-thickness:1px}#disclaimer{color:#999}#more{color:#98a0fa;color:var(--link-color);cursor:pointer;text-decoration-line:none}#more-info{color:#999}.compatibility{bottom:1.5rem;filter:brightness(0) invert(1);filter:var(--compatibility-icon-filter);height:2rem;position:absolute;right:1.5rem;transition:background-color .3s ease,color .3s ease,border-color .3s ease;transition:var(--theme-transition)}.mobile{height:2rem;right:3.5rem}.beta-wrapper{bottom:15px;height:28px;left:15px;pointer-events:auto;position:fixed;width:58px;z-index:1000}.beta-label{background-color:#4cc796;background-color:var(--green);border-radius:5px;bottom:0;box-shadow:0 2px 4px #00000026;color:#fff;color:#181818;color:var(--beta-color-text);font-family:Menlo,IBM Plex Mono,monospace;font-size:.9rem;font-weight:600;height:auto;left:0;letter-spacing:1px;max-width:38px;overflow:hidden;padding:5px 10px;position:absolute;width:auto}.beta-label,.beta-text{transition:all .3s ease-in-out}.beta-text{display:block;transform-origin:left center}.beta-card{max-height:0;opacity:0;overflow:hidden;pointer-events:none;transition:all .3s ease-in-out;width:264px}.beta-card p{color:#fff;color:#181818;color:var(--beta-color-text);font-size:.85rem;font-weight:400;line-height:1.5;margin:0}.beta-wrapper:hover .beta-label{background-color:#4cc796;background-color:var(--green);max-width:300px;padding:12px 14px}.beta-wrapper:hover .beta-text{font-size:1.02rem;font-weight:600;margin-bottom:6px}.beta-wrapper:hover .beta-card{margin-top:6px;max-height:120px;opacity:1;pointer-events:auto}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}
/*# sourceMappingURL=main.788e1772.css.map*/