*{box-sizing:border-box;margin:0;padding:0}:root{--background-color:#eef1e4;--foreground-color:#2b2729;--primary-text-color:#293132;--secondary-text-color:#4a0202;--toggle-bg:#719cc6;--font-family-body:"Space Mono",monospace;--font-family-hero:"Krona One",sans-serif}[data-theme=dark]{--background-color:#2b2729;--foreground-color:#eef1e4;--primary-text-color:#eef1e4;--secondary-text-color:#ffeedb;--toggle-bg:#8783d1}body,html{margin:0;overflow-x:hidden;padding:0;width:100%}.App{background-color:var(--background-color);box-sizing:border-box;flex-direction:column;justify-content:center;margin:0;min-height:100vh;transition:background-color .25s ease-in-out}.App,.App-header{align-items:center;display:flex;width:100%}.App-header{justify-content:space-between;padding:15px 20px;position:sticky;z-index:1}nav{align-items:center;display:flex;gap:1rem;justify-content:center}nav a{color:var(--primary-text-color);font-family:var(--font-family-body);font-weight:400;padding:10px;text-decoration:none}nav a:hover{text-decoration:underline}.landing-page{align-items:center;box-sizing:border-box;color:var(--background-color);display:flex;flex-direction:column;font-family:var(--font-family-hero);height:100vh;justify-content:center;overflow-x:hidden;padding:20px;text-align:center;width:100vw;z-index:1}.hero-text{max-width:70%;padding-bottom:15%;width:65vw;z-index:1}.hero-text h1{font-size:2.5rem;font-weight:700;margin-bottom:1rem}.hero-text h1,.hero-text p{background-color:var(--toggle-bg)}.hero-text p{font-size:1.25rem;font-weight:400}.hero-actions{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;margin-top:2rem}.primary-btn,.secondary-btn{border-radius:6px;font-family:var(--font-family-body);font-weight:600;padding:.75rem 1.5rem;text-decoration:none;transition:background-color .25s ease,color .25s ease}.primary-btn{background-color:var(--primary-text-color);border:none;color:var(--background-color)}.primary-btn:hover{background-color:var(--toggle-bg);color:var(--primary-text-color)}.secondary-btn{background-color:initial;border:2px solid var(--primary-text-color);color:var(--primary-text-color)}.secondary-btn:hover{background-color:var(--toggle-bg);color:var(--background-color)}.content{box-sizing:border-box;color:var(--primary-text-color);flex-direction:column;font-family:var(--font-family-body);gap:3rem;height:auto;justify-content:center;max-width:100vw;overflow-x:hidden;overflow-y:auto;padding:0 15px;text-align:center;width:100%}.content,.toggle{align-items:center;display:flex}.toggle{gap:10px;margin:5px;padding:5px;z-index:1}.toggleLabel{color:var(--primary-text-color);font-family:var(--font-family-body);font-weight:400}.toggle input[type=checkbox]{appearance:none;background-color:var(--background-color);border:1px solid var(--foreground-color);border-radius:2px;height:24px;margin-right:10px;outline:none;width:24px}.toggle input[type=checkbox]:checked{background-color:var(--toggle-bg)}.toggle input[type=checkbox]:before{content:""}.toggle input[type=checkbox]:checked:before{visibility:visible}.logo{color:var(--primary-text-color);font-family:var(--font-family-hero);font-size:44px;text-decoration:none;z-index:1}.projects-container,.projects-header{position:relative;width:100%}.projects-header{box-sizing:border-box;left:0;padding:0 15px;top:0}.skills-overview{margin:3rem 0;max-width:1100px;padding:0 15px;text-align:center;width:100%}.skills-overview h2{font-family:var(--font-family-hero);font-size:2rem;margin-bottom:1.5rem}.skills-grid{grid-gap:2rem;align-items:stretch;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));justify-content:center}.skill{background-color:var(--toggle-bg);border-radius:10px;box-shadow:0 4px 12px #0000000d;padding:1.5rem;transition:transform .2s ease}.skill:hover{transform:translateY(-5px)}.skill h4{font-family:var(--font-family-hero);font-size:1.25rem;font-weight:700;margin-bottom:.75rem}.skill p{color:var(--primary-text-color);font-size:1rem}.projects-header{margin:0 auto;max-width:1000px;padding:3rem 15px 1rem}.projects-header h2{font-family:var(--font-family-hero);font-size:2rem;margin-bottom:1rem}.projects-header p{color:var(--primary-text-color);font-size:1.1rem}.approach-toolbox-section{box-sizing:border-box;color:var(--primary-text-color);display:flex;flex-direction:column;font-family:var(--font-family-body);gap:3rem;max-width:900px;padding:2rem 1rem;text-align:left;width:100%}.approach h2,.toolbox h2{font-family:var(--font-family-hero);font-size:2rem;margin-bottom:1rem}.approach p,.toolbox p{font-size:1.1rem;line-height:1.6;margin-bottom:1rem}.stack-list{list-style-type:none;margin:0;padding:0}.stack-list li{font-size:1rem;margin-bottom:.75rem}@media (max-width:768px){.approach-toolbox-section{padding:1.5rem 1rem}.approach h2,.toolbox h2{font-size:1.5rem}.stack-list li{font-size:.95rem}}.content>:not(:last-child):after{background-color:var(--foreground-color);content:"";display:block;height:1px;margin:3rem auto;opacity:.2;width:40%}.projects-grid{flex-wrap:wrap;margin:5px 0;max-width:100vw;overflow-x:hidden}.project,.projects-grid{align-items:center;box-sizing:border-box;display:flex;justify-content:center;z-index:1}.project{height:33%;padding:10px;transition:transform .25s;width:33%}.project img{max-height:100%;max-width:100%;object-fit:contain}.project:hover{transform:translateY(-10px)}.services-header{color:var(--primary-text-color);margin-bottom:1rem;text-align:center}.services-header h2{font-family:var(--font-family-hero);font-size:2rem;font-weight:700;margin-bottom:1rem}.services-header p{color:var(--primary-text-color);font-size:1.125rem;margin:0 auto;max-width:600px}.cta-section{background-color:var(--toggle-bg);border:1px solid var(--foreground-color);border-radius:8px;box-sizing:border-box;margin-bottom:10vh;padding:2rem;text-align:center;width:90%;z-index:1}.cta-section h3{font-family:var(--font-family-hero);font-size:1.5rem;font-weight:700;margin-bottom:1rem}.cta-section p{margin:0 auto 1.5rem;max-width:600px}.cta-button{background:var(--primary-text-color);border-radius:6px;color:var(--toggle-bg);display:inline-block;font-weight:600;padding:.75rem 1.5rem;text-decoration:none;transition:background-color .2s ease}.cta-button:hover{background:var(--background-color)}.background{bottom:0;height:100%;left:0;overflow:hidden;pointer-events:none;position:absolute;right:0;top:0;width:100%;z-index:0}canvas{box-sizing:border-box;display:block;max-width:100%}.contact{display:flex}.social-icons{align-items:center;display:flex;height:200px;justify-content:center;margin-top:10px}.social-icons a{color:var(--foreground-color);font-size:3.5rem;line-height:2rem;margin-right:10px;transition:transform .25s}.social-icons a:hover{transform:translateY(-10px)}@media (max-width:1024px){.hero-text{max-width:90%}.projects-grid{width:95%}.services-grid{width:100%}}@media (max-width:768px){.App-header{flex-direction:column;gap:10px 15px}.App-header,.header-top{align-items:center;display:flex;width:100%}.header-top{justify-content:center}.logo{flex-grow:1;font-size:1.5rem;text-align:center}.mobile-menu{display:flex}.hero-text h1{font-size:2rem}.hero-text p{font-size:1.1rem}.project{width:45%}.services-grid{grid-template-columns:1fr}.cta-section{padding:1.5rem}}@media (max-width:500px){.hero-text h1{font-size:1.75rem}.hero-text p{font-size:1rem}.project{width:100%}.social-icons a{font-size:2rem}}.project-layout{display:flex;width:100%}.project-sidebar{border-right:1px solid var(--secondary-text-color);display:flex;flex-direction:column;padding:10px;width:220px}.project-tab{background-color:initial;border:1px solid var(--secondary-text-color);border-radius:6px;color:var(--primary-text-color);cursor:pointer;font-family:var(--font-family-body);margin-bottom:8px;padding:10px;transition:background-color .2s ease}.project-tab.active,.project-tab:hover{background-color:var(--toggle-bg)}.project-tab.active{font-weight:700}.project-main{align-items:center;display:flex;flex:1 1;flex-direction:column;padding:20px}.project-select{background-color:var(--toggle-bg);border:1px solid var(--secondary-text-color);border-radius:6px;color:var(--primary-text-color);font-family:var(--font-family-body);font-size:16px;margin-bottom:20px;max-width:100%;padding:10px;width:100%}@media (max-width:768px){.project-layout{flex-direction:column}.project-sidebar{display:none}.project-main{padding:10px}}.project-display{align-items:center;display:flex;flex-direction:column;justify-content:center;margin:10px;padding:10px;width:100%}.top-menu select{background-color:var(--toggle-bg);border:2px solid var(--secondary-text-color);border-radius:8px;color:var(--primary-text-color);cursor:pointer;font-family:var(--font-family-body);font-size:16px;margin:10px;outline:none;padding:10px 14px}.top-menu select:focus{border-color:var(--toggle-bg)}.project-content{justify-content:center}.carousel-container,.project-content{align-items:center;display:flex;flex-direction:column}.carousel-container{max-width:1080px;position:relative;width:100%}.carousel-slide{align-items:center;display:flex;justify-content:center;width:100%}.carousel-image{border-radius:8px;height:auto;max-height:80vh;object-fit:contain;width:100%}.carousel-nav{display:flex;justify-content:space-between;margin-top:10px;max-width:300px;width:100%}.carousel-btn{background:var(--toggle-bg);border:2px solid var(--secondary-text-color);border-radius:50px;color:var(--primary-text-color);cursor:pointer;font-family:var(--font-family-body);font-size:16px;padding:10px 16px;transition:all .3s ease-in-out}.carousel-btn:hover{color:var(--background-color);transform:translateY(-2px)}.carousel-btn:active{transform:scale(.95)}.project-details{margin-top:15px;max-width:800px;padding:10px;text-align:center;width:90%}.project-details h2{font-size:24px;margin-bottom:10px}.project-details p{font-size:16px;margin-bottom:5px}@media (max-width:1024px){.carousel-container{max-width:700px;width:90%}.carousel-image{border-radius:6px}.project-details{width:95%}.carousel-btn{font-size:14px;padding:6px 10px}}@media (max-width:768px){.carousel-container{max-width:600px;width:95%}.carousel-nav{max-width:250px}.carousel-btn{font-size:14px;padding:6px 8px}.project-details h2{font-size:22px}.project-details p{font-size:15px}}@media (max-width:480px){.carousel-container{max-width:400px;width:100%}.carousel-nav{max-width:200px}.carousel-btn{font-size:12px;padding:5px 8px}.project-details h2{font-size:20px}.project-details p{font-size:14px}}@media (max-width:375px){.carousel-container{max-width:320px}.carousel-btn{font-size:12px;padding:4px 6px}.project-details h2{font-size:18px}.project-details p{font-size:13px}}.About_aboutContainer__TBT01{margin:auto;max-width:900px;padding:2rem}.About_section__CR8i9{margin-bottom:1rem}.About_intro__KtyOR{align-items:center;display:flex;flex-direction:column;gap:1.5rem;text-align:center}.About_profileImage__i3hKh{border-radius:12px;max-width:250px}.About_textBlock__LP0db{flex:1 1;min-width:250px}.About_bulletList__Y0vMh{list-style:none;padding-left:0}.About_bulletList__Y0vMh li:before{color:var(--primary);content:"•";margin-right:.5rem}.About_badgeGrid__Gp4oZ{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.5rem}.About_badgeGrid__Gp4oZ span{background-color:var(--foreground-color);border-radius:20px;color:var(--background-color);font-size:.9rem;padding:6px 12px}.About_techGroup__gxu3S{color:var(--primary-text-color);margin-bottom:1rem}.About_blogLink__8Nmhu{color:var(--link-color);display:inline-block;font-weight:700;margin-top:.5rem;text-decoration:none}.About_blogLink__8Nmhu:hover{text-decoration:underline}form{box-sizing:border-box;height:89vh;margin:0 auto;width:100%;z-index:1}label{display:block;margin-bottom:5px}input[type=email],input[type=text],textarea{border:1px solid #ccc;border-radius:4px;box-sizing:border-box;margin-bottom:10px;padding:8px;width:100%}textarea{height:250px}input[type=submit]{background-color:var(--toggle-bg);border:none;border-radius:4px;color:var(--primary-text-color);cursor:pointer;display:inline-block;font-family:var(--font-family-body);font-size:16px;padding:10px 20px;text-align:center;text-decoration:none}input[type=submit]:hover{color:var(--background-color)}.BlogList_blogList__Ctj1Z{display:flex;flex-direction:column;justify-content:flex-start;margin:0 auto;max-width:800px;min-height:100vh;padding:2rem 1rem}.BlogList_title__fWiSg{font-size:2rem;margin-bottom:1rem;text-align:center}.BlogList_blogPreview__TGKWA{background-color:var(--toggle-bg);border-radius:10px;box-shadow:0 4px 12px #0000000d;margin-bottom:1.5rem;padding:1.5rem;transition:transform .2s ease,box-shadow .2s ease;z-index:1}.BlogList_blogPreview__TGKWA:hover{box-shadow:0 6px 16px #0000001a;transform:translateY(-4px)}.BlogList_blogTitle__Dojcj{color:var(--primary-text-color);font-size:1.5rem;margin:0 0 .5rem}.BlogList_blogSummary__nvxN4{color:var(--secondary-text-color);font-size:1rem;margin-bottom:.5rem}.BlogList_readMore__uzh6b{color:var(--link-color);display:inline-block;font-weight:700;margin-top:.5rem;text-decoration:none}.BlogList_readMore__uzh6b:hover{text-decoration:underline}.BlogPost_blogPost__hFvhK{margin:0 auto;max-width:800px;min-height:100vh;padding:2rem 1rem}.BlogPost_title__KNRnD{color:var(--primary-text-color);font-size:2rem;margin-bottom:.5rem}.BlogPost_date__Ov3H8{color:var(--secondary-text-color);font-size:.9rem;margin-bottom:1.5rem}.BlogPost_contentBody__tunbW{color:var(--primary-text-color);font-size:1rem;line-height:1.7}.BlogPost_contentBody__tunbW h3{color:var(--primary-accent);margin-top:1.5rem}.BlogPost_contentBody__tunbW a{color:var(--link-color);text-decoration:underline}.BlogPost_notFound__\+X7fQ{color:#999;padding:4rem;text-align:center}
/*# sourceMappingURL=main.29a3d26b.css.map*/