@import url(https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;700&display=swap);:root{--primary-color:#00e0ff;--secondary-color:#f0f;--background-color:#1a1a2e;--surface-color:#272c42;--text-color:#e8eaf6;--text-secondary-color:#b0b4d4;--border-color:#40445d}*{box-sizing:border-box}html{scroll-behavior:smooth}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#1a1a2e;background-color:var(--background-color);color:#e8eaf6;color:var(--text-color);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}.App{display:flex;flex-direction:column;min-height:100vh}.main-content{flex-grow:1;margin:0 auto;max-width:1100px;width:90%}.section{border-bottom:1px solid var(--border-color);padding:5rem 0}.section:last-of-type{border-bottom:none}.section-title{color:var(--primary-color);font-size:2.25rem;font-weight:700;margin-bottom:2.5rem;text-align:center}@media (max-width:768px){.section{padding:3rem 0}.section-title{font-size:1.75rem;margin-bottom:2rem}}.navbar-container{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#202124cc;border-bottom:1px solid var(--border-color);position:-webkit-sticky;position:sticky;top:0;width:100%;z-index:1000}.navbar{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:1100px;padding:1rem 0;width:90%}.navbar-brand{color:var(--text-color);font-size:1.5rem;font-weight:700;text-decoration:none}.navbar-links{display:flex;gap:2rem}.navbar-links a{color:var(--text-secondary-color);font-size:1rem;font-weight:500;text-decoration:none;transition:color .2s ease-in-out}.navbar-links a:hover{color:var(--primary-color)}.mobile-menu-icon{cursor:pointer;display:none;font-size:1.75rem}@media (max-width:768px){.navbar-links{background-color:#202124f2;display:none;flex-direction:column;left:0;padding:1rem 0;position:absolute;top:100%;width:100%}.navbar-links.open{align-items:center;display:flex}.navbar-links a{margin:0;padding:1rem 0}.mobile-menu-icon{display:block}}.about-section{justify-content:center;min-height:calc(100vh - 80px)}.about-content,.about-section{align-items:center;display:flex}.about-content{gap:4rem;justify-content:space-between;width:100%}.about-text{flex:2 1;text-align:left}.about-headline{color:var(--text-color);font-size:3.5rem;font-weight:700;margin:0;transition:color .3s ease-in-out}.about-headline:hover,.about-subheadline{color:var(--primary-color)}.about-subheadline{font-size:1.75rem;font-weight:400;margin:.5rem 0 1.5rem}.about-text p{color:var(--text-secondary-color);font-size:1.1rem;line-height:1.8;max-width:600px}.about-text p span{color:var(--primary-color);font-weight:700}.about-image-container{align-items:center;display:flex;flex:1 1;justify-content:center}.about-image{border:4px solid var(--surface-color);border-radius:50%;box-shadow:0 10px 30px #0000004d;height:280px;object-fit:cover;transition:transform .3s ease-in-out,box-shadow .3s ease-in-out;width:280px}.about-image:hover{box-shadow:0 15px 40px #0006;transform:scale(1.05)}@media (max-width:1024px){.about-content{gap:2rem}.about-headline{font-size:3rem}.about-image{height:240px;width:240px}}@media (max-width:768px){.about-section{align-items:center;display:flex;justify-content:center;min-height:auto;padding:4rem 0}.about-content{flex-direction:column-reverse;gap:2rem}.about-content,.about-text{text-align:center}.about-headline{font-size:2.5rem}.about-subheadline{font-size:1.25rem}.about-text p{font-size:1rem}.about-image{height:200px;width:200px}}.modal-backdrop{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background-color:#000c;height:100%;justify-content:center;left:0;padding:1rem;position:fixed;top:0;z-index:2000}.modal-backdrop,.modal-content{align-items:center;display:flex;width:100%}.modal-content{background-color:#3c4043;border:1px solid var(--border-color);border-radius:12px;box-shadow:0 10px 40px #0006;flex-direction:column;max-width:600px;padding:2rem;position:relative;text-align:center}.modal-image{border-radius:12px;height:auto;margin-bottom:1.5rem;width:120px}.modal-text h2{color:var(--primary-color);font-size:1.75rem;margin-bottom:1rem;margin-top:0}.modal-text p{line-height:1.7;margin-bottom:0}.close-button,.modal-text p{color:var(--text-secondary-color)}.close-button{background:#0000;border:none;cursor:pointer;font-size:1.75rem;line-height:0;padding:.5rem;position:absolute;right:1rem;top:1rem;transition:color .2s}.close-button:hover{color:var(--text-color)}.modal-link{background-color:var(--primary-color);border:none;border-radius:8px;color:var(--background-color);cursor:pointer;display:inline-block;font-size:1rem;font-weight:500;margin-top:1.5rem;padding:.7rem 1.5rem;text-decoration:none;transition:background-color .2s,transform .2s}.modal-link:hover{background-color:#a6c9f8;transform:translateY(-2px)}.wip-message{background-color:#0003;border-left:4px solid var(--secondary-color);border-radius:4px;font-size:.9rem;margin-top:1.5rem;padding:1rem;text-align:left}.projects-grid{grid-gap:3rem;display:grid;gap:3rem;grid-template-columns:1fr}.project-card{align-items:center;background-color:var(--surface-color);border:1px solid var(--border-color);border-radius:12px;display:flex;flex-direction:column;padding:2rem;text-align:center;transition:box-shadow .3s ease-in-out}.project-card:hover{box-shadow:0 8px 25px #0003}.project-info{width:100%}.project-image{aspect-ratio:16/9;border:1px solid var(--border-color);border-radius:25px;height:auto;margin-bottom:1.5rem;max-width:300px;object-fit:contain;width:auto}.project-logo{border-radius:25px;height:150px;margin-bottom:1rem;width:auto}.project-card h3{color:var(--text-color);font-size:1.75rem;margin-bottom:.75rem;margin-top:0}.project-card p{color:var(--text-secondary-color);line-height:1.7;margin-bottom:1.5rem;margin-left:auto;margin-right:auto;max-width:650px}.tools-section{margin-top:1.5rem;width:100%}.tools-grid{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;margin-bottom:1.5rem}.tool-item{background-color:#0003;border:1px solid var(--border-color);border-radius:8px;cursor:pointer;font-weight:500;min-width:180px;padding:1rem;position:relative;text-align:center;transition:background-color .2s ease,color .2s ease,border-color .2s ease}.tool-item.selected,.tool-item:hover{background-color:var(--primary-color);border-color:var(--primary-color);color:var(--background-color)}.main-project-link{color:var(--primary-color);display:inline-block;font-weight:500;text-decoration:none;transition:color .2s}.main-project-link:hover{color:#a6c9f8;text-decoration:underline}.tool-item.wip:after{background-color:#e74c3c;border-radius:12px;box-shadow:0 2px 5px #0000004d;color:#fff;content:"In Progress";font-size:.6rem;font-weight:700;letter-spacing:.5px;padding:4px 8px;position:absolute;right:-10px;text-transform:uppercase;top:-10px}@media (max-width:768px){.project-card{padding:1.5rem}}.contact-form{display:flex;flex-direction:column;gap:1rem;margin:0 auto;max-width:600px}.contact-form input,.contact-form textarea{background-color:var(--surface-color);border:1px solid var(--border-color);border-radius:5px;color:var(--text-color);font-size:1rem;padding:1rem}.contact-form button{background-color:var(--primary-color);border:none;border-radius:5px;color:var(--background-color);cursor:pointer;font-size:1.1rem;padding:1rem;transition:background-color .3s}.contact-form button:hover{background-color:#a6c9f8}.footer{border-top:1px solid var(--border-color);color:var(--text-secondary-color);margin-top:4rem;padding:3rem 0;text-align:center}.footer-content{margin:0 auto;max-width:1100px;width:90%}.social-links{display:flex;gap:2rem;justify-content:center;margin-bottom:1.5rem}.social-links a{color:var(--text-secondary-color);font-size:1.75rem;transition:color .2s ease-out,transform .2s ease-out}.social-links a:hover{color:var(--primary-color);transform:translateY(-3px)}
/*# sourceMappingURL=main.a6611ab4.css.map*/