:root{--bg:#fff;--text:#363636;--text-strong:#000;--text-muted:#555;--border:#000;--border-soft:#eaeaea;--tag:grey;--icon-filter:none;--spinner-track:#f3f3f3;--spinner-head:grey}:root[data-theme=dark]{--bg:#121212;--text:#d6d6d6;--text-strong:#f2f2f2;--text-muted:#bfbfbf;--border:#3d3d3d;--border-soft:#2a2a2a;--tag:#8a8a8a;--icon-filter:invert(1);--spinner-track:#2a2a2a;--spinner-head:#8a8a8a}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#fff;background-color:var(--bg);color:#363636;color:var(--text);margin:0;transition:background-color .3s ease,color .3s ease}body,code{font-family:Hind Guntur,monospace;font-weight:200}.container{background-color:#fff;background-color:var(--bg);box-sizing:border-box;color:#363636;color:var(--text);margin:0 auto;max-width:1300px;padding:0 20px;transition:background-color .3s ease,color .3s ease}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.header{grid-column-gap:1rem;grid-row-gap:.5rem;align-items:center;background:var(--bg);border-bottom:1px solid var(--bg);border-color:var(--text-strong);border-width:1px;color:var(--text-strong);column-gap:1rem;display:grid;grid-template-areas:"name nav" "tagline tagline";grid-template-columns:1fr auto;overflow:hidden;padding-bottom:2rem;padding-top:2rem;position:relative;row-gap:.5rem;transition:background-color .3s ease,color .3s ease,border-color .3s ease;-webkit-user-select:none;user-select:none}.header-name{grid-area:name}.header-name h1{font-family:Poppins,sans-serif;font-size:1.6rem;font-weight:"400";letter-spacing:1px;margin:0}.header-tagline{grid-area:tagline}.header-tagline p{font-family:Hind Guntur,monospace;font-weight:100;letter-spacing:-1px;margin:.5rem 0}.header-right{align-items:center;align-self:start;display:flex;gap:1rem;grid-area:nav}.icon{border-radius:6px;filter:var(--icon-filter);height:25px;object-fit:contain;transition:transform .2s ease;width:25px}.icon-container{display:inline-block;position:relative}.about-link,.name-link{color:inherit;text-decoration:none}.about-link{font-family:Poppins,sans-serif;font-size:1rem;font-weight:700;line-height:25px;transition:opacity .2s ease}.about-link:hover{opacity:.6}.theme-toggle{align-items:center;background:none;border:none;color:var(--text-strong);cursor:pointer;display:flex;height:25px;justify-content:center;padding:0;transition:opacity .2s ease,transform .2s ease;width:25px}.theme-toggle:hover{opacity:.6;transform:scale(1.08)}@media (max-width:750px){.header{grid-template-areas:"name" "tagline" "nav";grid-template-columns:1fr;row-gap:.75rem}.header-right{align-self:start;gap:1.25rem}}.projects-list{display:flex;flex-direction:column;gap:10rem;max-width:1200px;padding-bottom:8rem;padding-top:8rem}.project-card{animation:fadeInUp .7s ease forwards;background-color:var(--bg);color:var(--text);display:grid;grid-template-columns:1fr 480px;opacity:0;overflow:hidden;transition:transform .3s ease,background-color .3s ease,color .3s ease}.project-text{padding:1rem 1.5rem}.project-image{height:270px;overflow:hidden;width:480px}.project-title{font-size:1.5rem;margin:0}.project-category{font-style:italic;margin:.5rem 0}.project-description{margin:.5rem 0}.project-tags{margin-top:8px}.tag{color:var(--tag);font-size:.9em;margin-right:5px}.project-image img{height:100%;object-fit:cover;width:100%}.project-card-link{text-decoration:none}@media (max-width:927px){.project-card{display:flex;flex-direction:column}.project-image{height:auto;width:100%}.project-text{padding:1rem}.projects-list{display:flex;flex-direction:column;gap:6rem;max-width:1200px;padding-bottom:4rem;padding-top:4rem}}.project-container{margin:0 auto;max-width:700px;padding:20px}.project-header{margin-bottom:20px;text-align:center}.project-header h1{font-family:Hind Guntur,monospace;font-size:2rem;font-weight:700;text-align:left}.project-cover{height:auto;margin-top:25px;max-width:100%}.project-description,.project-description h2{color:var(--text-muted);text-align:left}.project-description h2{font-family:Hind Guntur,monospace;font-size:20px;font-weight:100;height:10px}.project-description a{color:var(--text-muted)}.project-website{border-radius:5px;color:var(--text-strong);display:inline-block;font-weight:700;margin-top:15px;padding:10px 15px;text-decoration:none}.project-badges{flex-wrap:wrap;gap:10px;margin-left:auto;margin-right:auto;margin-top:20px;max-width:800px}.badge,.project-badges{align-items:center;display:flex;justify-content:center}.badge{height:200px;max-width:200px;width:100%}.badge img{max-height:100%;max-width:100%}.project-gallery{grid-gap:40px;display:grid;gap:40px;grid-template-columns:repeat(1,1fr);margin-top:20px;max-width:800px}.project-gallery img{height:auto;max-width:100%}.loading-wheel{animation:spin 1s linear infinite;border-top:8px solid var(--spinner-track);border:8px solid var(--spinner-track);border-radius:50%;border-top-color:var(--spinner-head);height:19.8px;left:50%;margin:auto;position:relative;transform:translate(-50%,-50%);width:20px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.footer{align-items:center;background:var(--bg);border-top:1px solid var(--border-soft);color:var(--text-muted);display:flex;justify-content:space-between;padding:1rem;text-align:center;transition:background-color .3s ease,border-color .3s ease,color .3s ease;-webkit-user-select:none;user-select:none}.footer-left,.footer-right{flex:1 1}.footer a{margin:0 1rem}@media (max-width:750px){.footer{flex-direction:column;gap:.5rem}.footer-left,.footer-right{flex:none}.about-container{flex-direction:column;gap:20px!important}.about-header{flex-direction:column;gap:0;max-width:100%;width:100%}.about-col,.about-left,.about-right{margin:0;width:100%}}.about-container{display:flex;gap:clamp(20px,8vw,220px);justify-content:space-between;padding:20px 0}.about-left{color:var(--text-muted);display:flex;flex:1.8 1;flex-direction:column;gap:0 0 0 0;line-height:1.5}.about-col a,.about-left a{color:var(--text-muted);text-decoration:underline}.about-right{color:var(--text-muted);display:flex;flex:2 1;gap:0}.about-col{display:flex;flex:1 1;flex-direction:column;gap:0 0 0 40px}.about-col ul,.about-left ul{line-height:1.5;margin:0;padding-left:20px}.about-col h3,.about-left h3{margin:16px 0 8px}.about-col h3.h3custom,.about-left h3.h3custom{margin:0 0 8px}.about-left p{text-wrap:pretty;margin:0}
/*# sourceMappingURL=main.fb3449b4.css.map*/