.app-navigation{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background-color:#0a0a0acc;border-radius:12px;bottom:24px;box-shadow:0 0 4px #0006;display:inline-flex;gap:24px;left:50%;overflow:hidden;padding:16px 20px;position:fixed;transform:translate(-50%);z-index:10}.app-navigation button{background:transparent;border:none;cursor:pointer;margin:0;overflow:visible;padding:0;width:85px}.app-navigation a,.app-navigation button{color:#fff;font-family:Geist;font-size:13px;font-weight:400;margin:0;opacity:.5;position:relative;transition:all .3s ease}.app-navigation a:before,.app-navigation button:before{background:#fff;content:"";filter:blur(10px);height:40px;left:50%;position:absolute;top:300%;transform:translate(-50%);transition:top .3s ease;width:40px}.app-navigation a.active,.app-navigation a.router-link-active,.app-navigation button.active,.app-navigation button.router-link-active{opacity:1}.app-navigation a.router-link-active,.app-navigation button.router-link-active{pointer-events:none}.app-navigation a:hover,.app-navigation button:hover{opacity:.75}.app-navigation a:hover:before,.app-navigation button:hover:before{top:175%}.app-navigation .app-navigation-divider{background-color:#fff6;height:24px;width:1px}.lang-switcher{position:absolute;right:24px;top:20px;z-index:2}.lang-switcher a{color:var(--gray-700);font-family:Geist Mono,monospace;font-size:16px;font-weight:500;text-decoration:none;transition:opacity .4s ease}.lang-switcher a:hover{opacity:50%}:root{--gray-50:#fdfdfd;--gray-100:#e3e3e3;--gray-200:#ccc;--gray-300:#b5b5b5;--gray-400:#9e9e9e;--gray-500:#888;--gray-600:#727272;--gray-700:#5a5a5a;--gray-800:#3f3f3f;--gray-900:#141414}::-moz-selection{background-color:#ecc9a9;color:#000}::selection{background-color:#ecc9a9;color:#000}body{margin:0}.content-container{height:100%;margin:auto;max-width:500px;padding-bottom:120px;padding-top:50px;position:relative;width:85vw;z-index:1}*{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-smooth:never}a{text-decoration:none}.page-enter-active,.page-leave-active{transition:all .4s}.page-enter-from,.page-leave-to{filter:blur(1rem);opacity:0}.section-title{color:var( --gray-900,var(--color-platform-text-light-platform-text-active-light,#141414) );font-family:Geist;font-size:14px;font-style:normal;font-weight:400;line-height:normal}.project-card{-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box;border-radius:8px;box-shadow:0 0 4px #00000026;overflow:hidden;position:relative;text-decoration:none}.project-card img{border-radius:8px;height:200px;-o-object-fit:cover;object-fit:cover;padding-bottom:20px;transition:transform .25s ease;width:100%}.project-card:hover .card-header .card-content{gap:4px}.project-card:hover img{transform:scale(1.05)}.project-card:hover .card-header .card-content p{height:1rem;opacity:1}.card-header{align-items:center;background-clip:padding-box;background-color:#fff;bottom:0;display:flex;justify-content:space-between;left:0;padding:12px 16px;position:absolute;right:0}.card-header .card-content{display:flex;flex-flow:column nowrap;gap:0}.card-header .card-content h3{color:var(--gray-900);font-weight:600}.card-header .card-content h3,.card-header .card-content p{font-family:Geist;font-size:14px;font-style:normal;letter-spacing:-.5px;line-height:normal;margin:0}.card-header .card-content p{color:var(--gray-500);font-weight:400;height:0;opacity:0;transition:all .25s ease}.card-header .card-category{color:var(--gray-300);font-family:Geist;font-size:14px;font-style:normal;font-weight:400;letter-spacing:-.5px;line-height:normal}