@import url(https://fonts.cdnfonts.com/css/spline-sans-mono);.project-page{align-items:center;background-color:#fff;background-color:var(--bg-color);color:#000;color:var(--text-color);display:flex;flex-direction:column;min-height:100vh;padding:2rem}.project-page h1{font-size:1.5rem;margin-bottom:1rem}.project-page .project-content{align-items:flex-start;display:flex;flex-wrap:wrap;gap:2rem;justify-content:center;margin-bottom:2rem;max-width:1000px;width:100%}.project-page .project-info{display:flex;flex:1 1 400px;flex-direction:column;font-size:.95rem;justify-content:space-between;min-width:450px;text-align:left}.project-page .image-gallery{display:flex;flex:1 1 400px;flex-wrap:wrap;gap:1rem;justify-content:center;min-width:300px}.project-page .image-gallery img{border-radius:12px;box-shadow:0 2px 10px #0000001a;max-width:600px;object-fit:cover;width:100%}.project-page .description,.project-page .summary{line-height:1.6;margin-bottom:1rem}.project-page .summary{font-style:italic;margin-left:10rem;margin-right:10rem}.project-page .link-buttons{display:flex;flex-wrap:wrap;gap:.8rem;justify-content:center;margin-top:1rem}.project-page .visit-button{background:#000;border:none;border-radius:20px;color:#fff;cursor:pointer;font-size:.85rem;font-weight:500;padding:.5rem 1rem;transition:background .2s ease}.project-page .visit-button:hover{background:#333}.project-page .tags{margin-bottom:1rem;text-align:center}.project-page .tag{background:#ddd;border-radius:12px;color:#333;display:inline-block;font-size:.75rem;margin:.2rem;padding:.3rem .6rem}.project-page .back-button{background:none;border:none;color:#000;color:var(--text-color);cursor:pointer;font-size:1rem;left:30px;position:absolute;top:20px}:root{--bg-color:#fff;--text-color:#000}body.dark-mode{--bg-color:#111;--text-color:#f9f9f9}@media (max-width:992px){.project-page .project-info{flex:1 1 100%;min-width:100%}.project-page .image-gallery{min-width:100%}.project-page .image-gallery img{max-width:90%}}@media (max-width:600px){.project-page .project-content{align-items:center;flex-direction:column;text-align:center}.project-page .project-info{align-items:center;font-size:.9rem;min-width:100%;text-align:center}.project-page .image-gallery{justify-content:center}.project-page .image-gallery img{max-width:100%;width:100%}.project-page .description,.project-page .summary{font-size:.9rem;padding:0 1rem}.project-page .summary{margin-left:0;margin-right:0}.project-page .visit-button{font-size:.8rem;padding:.4rem .8rem}.project-page .tag{font-size:.7rem;padding:.2rem .5rem}.project-page .back-button{font-size:.9rem;left:15px;top:10px}}.project-page .image-gallery.grid{grid-gap:2rem;align-items:center;display:grid;gap:2rem;grid-template-columns:repeat(2,1fr);justify-items:center;max-width:1200px;width:100%}.project-page .image-gallery.grid img{border-radius:12px;box-shadow:0 4px 16px #0000001a;display:block;height:auto;max-height:500px;object-fit:contain;width:auto}@media (max-width:768px){.project-page .image-gallery.grid{grid-template-columns:1fr}}.project-page .project-content:has(.image-gallery.grid){align-items:center;flex-direction:column}:root{--font-primary:"Spline Sans Mono",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;--font-primary:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;--color-light:#fff;--color-dark:#111;--color-text:#222;--color-muted:#666;--color-secondary:#555;--color-tag-bg:#ddd;--color-tag-text:#333}body{background-color:#fff;background-color:var(--color-light);color:#222;color:var(--color-text);display:flex;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-family:var(--font-primary);justify-content:center;margin:0;min-height:100vh;padding:0;text-align:center}.dark-toggle-wrapper{position:absolute;right:1rem;top:1rem;z-index:999}.container{margin:0 auto;max-width:1300px;padding:2rem}.title{font-size:2rem;font-weight:600;margin-bottom:.2rem}.bio,.subtitle,.title{text-align:center}.top-buttons{margin:1.5rem 0}.cv-button{padding:.4rem 1.2rem;transition:background-color .2s ease}.cv-button:hover{background-color:#d6d6d6;background-color:var(--btn-hover)}.subtitle{color:#666;color:var(--color-muted);font-size:.85rem;margin-bottom:.5rem}.bio{margin-top:2rem;padding:0 30rem}.bio,.bio2{color:#555;color:var(--color-secondary);font-size:.85rem}.bio2{padding:0 5rem}.top-buttons{align-items:center;display:flex;flex-wrap:wrap;gap:1.2rem;justify-content:center;margin-bottom:2rem}.top-buttons img{height:20px;opacity:.7;transition:opacity .2s ease;width:20px}.top-buttons img:hover{opacity:1}.cv-button{background-color:#fff;background-color:var(--color-light);border:none;border-radius:20px;color:#555;color:var(--color-secondary);cursor:pointer;font-size:1rem;font-weight:600;padding:.5rem}.filter-buttons{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center;margin-bottom:2.5rem}:root{--btn-bg:#eee;--btn-hover:#d6d6d6;--btn-text:#222;--btn-active-bg:#3c3c3c;--btn-active-text:#fff}.filter-buttons button{background-color:#eee;background-color:var(--btn-bg);border:none;border-radius:20px;color:#222;color:var(--btn-text);cursor:pointer;font-size:.85rem;padding:.5rem 1rem;transition:background-color .16s ease,box-shadow .16s ease,color .16s ease}@media (hover:hover) and (pointer:fine){.filter-buttons button:hover:not(.active){background-color:#d6d6d6;background-color:var(--btn-hover);box-shadow:0 2px 6px #00000014;color:#222;color:var(--btn-text)}}.filter-buttons button:active:not(.active){box-shadow:inset 0 1px 3px #0000001f}.filter-buttons .active{color:#fff;color:var(--btn-active-text)}.filter-buttons .active,.filter-buttons .active:hover{background-color:#3c3c3c;background-color:var(--btn-active-bg)}.project-list{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));list-style:none;margin-bottom:4rem;padding:0}.project-card{animation:fadeIn .8s ease forwards;background:#f9f9f9;border-radius:12px;box-shadow:0 2px 8px #0000000d;display:flex;flex-direction:column;opacity:0;padding:1.5rem;transition:transform .18s ease,box-shadow .18s ease,background .18s ease}.project-card:hover{background:#fff;box-shadow:0 8px 24px #0000001f;cursor:pointer;transform:translateY(-4px)}@keyframes fadeIn{to{opacity:1}}.project-content{align-items:flex-start;display:flex;flex-direction:row;flex-wrap:wrap;gap:1.5rem}.thumbnail-side{border-radius:10px;box-shadow:0 4px 10px #0000001a;flex-shrink:0;height:auto;max-height:550px;object-fit:cover;width:100%}.project-info{flex:1 1;text-align:left}.project-info h3{font-size:1rem;margin:0 0 .4rem}.project-info a{color:#222;color:var(--color-text);text-decoration:none}.tag-row{display:flex;flex-wrap:wrap;gap:.4rem;margin-top:.4rem}.tag{background-color:#ddd;background-color:var(--color-tag-bg);border-radius:12px;color:#333;color:var(--color-tag-text);font-size:.75rem;padding:.3rem .6rem}.description{color:#444;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-family:var(--font-primary);font-size:.85rem;margin-top:.5rem}.app.dark{background-color:#111;background-color:var(--color-dark);color:#eee}.app.dark .project-card{background-color:#1e1e1e}.app.dark .project-info{color:#fff}.app.dark .filter-buttons button{background-color:#333;color:#ccc}.app.dark .filter-buttons .active{background-color:#fff;color:#111}.app.dark .tag{background-color:#555;color:#eee}.app.dark .cv-button{background-color:#111;color:#ccc}.tag-description{background-color:#f9f9f9;border-radius:8px;font-size:.85rem;font-style:italic;margin:20px 0;padding:5px}.dark .tag-description{background-color:#ffffff0d;color:#ddd}@media (max-width:1340px){.bio{padding:0 15rem}}@media (max-width:1024px){.bio{padding:0 3rem}.thumbnail-side{width:100%}.project-content{flex-direction:column}}@media (max-width:600px){.bio{padding:0 1rem}.title{font-size:1.5rem}.cv-button,.description,.subtitle{font-size:.75rem}.filter-buttons button{font-size:.75rem;padding:.4rem .8rem}}
/*# sourceMappingURL=main.c77376b4.css.map*/