body{background-color:#121212;color:#e0e0e0;font-family:Arial,sans-serif;height:100vh;margin:0;overflow-x:hidden}h1,h2,h3,p{margin:0;padding:0}a{color:#7302fd;text-decoration:none}a:hover{color:#fff}section{text-align:center}.app-container{display:flex;flex-direction:column;font-family:Arial,sans-serif;height:100vh}.background{background-image:url(/static/media/backgroundspace.158998b21f2ca3155bb1.png)}.background,.backgroundlight{background-position:50%;background-repeat:no-repeat;background-size:cover;height:110vh;position:fixed;width:100%;z-index:-1}.backgroundlight{background-image:url(/static/media/backgroundlight.d3d4dde149c24114c4c4.jpg)}.content-container{flex-grow:1;padding:20px}.tabs{display:flex;gap:20px}.tab{border-radius:5px;padding:10px 20px}.dark-mode-toggle{background-color:#007bff;border:none;border-radius:5px;color:#fff;cursor:pointer;padding:10px}.navigation-container{--light-bg-color:#ffa858;--light-txt-color:#fff5e1;--dark-bg-color:#30343f;--dark-txt-color:#e6e8f0;flex-direction:column;font-family:Georgia,serif;margin-top:10px}.navbar,.navigation-container{align-items:center;display:flex}.navbar{border-radius:50px;box-shadow:0 4px 10px #0000001a;gap:20px;height:fit-content;justify-content:space-between;padding:5px;position:sticky;top:0;width:40%;z-index:10}.navbar.light-mode{background-color:var(--light-txt-color);color:var(--light-bg-color)}.tab{border-radius:25px;cursor:pointer;transition:background-color .3s;width:55px}.tab.light-mode{background-color:var(--light-txt-color);color:var(--light-bg-color)}.tab.active.light-mode{background-color:var(--light-bg-color);color:var(--light-txt-color)}.tab.active.dark-mode,.tab.dark-mode:hover{background-color:var(--dark-txt-color);color:var(--dark-bg-color)}.tab.light-mode:hover{background-color:var(--light-bg-color);color:var(--light-txt-color)}.toggle-dark-mode.dark-mode{background-color:var(--light-txt-color);color:var(--light-bg-color)}.toggle-dark-mode.dark-mode,.toggle-dark-mode.light-mode{border:none;border-radius:20px;cursor:pointer;font-family:Georgia,serif;font-size:14px;height:fit-content;padding:12px 20px}.toggle-dark-mode.light-mode{background-color:var(--dark-bg-color);color:var(--dark-txt-color)}.tab-content{border-radius:10px;display:flex;flex-direction:column;height:0;margin-top:5px;max-width:1200px;opacity:0;overflow-y:scroll;padding:20px;transition:height .6s ease,opacity .6s ease;width:80%}.tab-content.open{height:75vh;opacity:1}.light-mode{background-color:var(--light-bg-color);color:var(--light-txt-color)}.dark-mode{background-color:var(--dark-bg-color);color:var(--dark-txt-color)}.x-mark{width:100%}.x-mark button{background-color:#333;border-radius:20px;color:#fff;cursor:pointer;display:flex;font-size:18px;margin-left:auto;padding:5px 20px;z-index:90000}.toggle-dark-mode-mobile{display:none}@media (max-width:1100px){.navbar{padding:10px;width:90%}.toggle-dark-mode{display:none}.toggle-dark-mode-mobile.dark-mode{background-color:#fff;color:#000}.toggle-dark-mode-mobile.dark-mode,.toggle-dark-mode-mobile.light-mode{border:none;border-radius:20px;cursor:pointer;display:flex;font-family:Georgia,serif;font-size:14px;height:fit-content;margin-bottom:10px;padding:10px 20px}.toggle-dark-mode-mobile.light-mode{background-color:#000;color:#fff}.tabs{background-color:#fff;border-radius:10px;box-shadow:0 4px 10px #0000001a;display:none;flex-direction:column;gap:15px;left:0;padding:20px;position:absolute;top:50px;width:100%}.tab-content.open{height:65vh;opacity:1}}.about-container{--light-bg-color:#ffa858;--light-txt-color:#fff5e1;--dark-bg-color:#30343f;--dark-txt-color:#e6e8f0;align-items:center;display:flex;justify-content:center;max-width:1200px;padding:20px}.about-image{flex:1 1}.about-image img{border-radius:10px;height:auto;width:60%}.about-content{border-radius:20px;flex:1 1;margin-bottom:20px;max-width:800px;padding:30px;text-align:center}.about-content.light{background-color:var(--light-txt-color);color:var(--light-bg-color)}.about-content.dark{background-color:var(--dark-txt-color);color:var(--dark-bg-color)}.about-heading{font-family:Georgia,serif;font-size:2.5rem;font-weight:700;margin-bottom:20px}.about-description{font-family:Georgia,serif;font-size:1.2rem;font-weight:400;line-height:1.6}@media (max-width:1100px){.about-container{flex-direction:column-reverse;margin-top:10px;padding:0 5px 5px;text-align:center}.about-image{flex:1 1;padding-right:0}.about-image img{border-radius:10px;height:auto;width:90%}}.projects{--light-bg-color:#ffa858;--light-txt-color:#fff5e1;--dark-bg-color:#30343f;--dark-txt-color:#e6e8f0;color:#eee;font-family:Georgia,serif;margin-bottom:20px;max-width:100vw;position:relative;z-index:1000}.project-list{display:flex;flex-direction:column;flex-wrap:wrap;gap:40px;justify-content:center;margin-top:5vh}.project-card.light{background:var(--light-txt-color);color:var(--light-bg-color)}.project-card.dark,.project-card.light{border-radius:8px;box-shadow:3px 4px 10px 10px #4f4c4c80;margin-bottom:20px;margin-left:auto;margin-right:auto;max-width:300px;padding:20px;transition:transform .3s,box-shadow .3s}.project-card.dark{background:var(--dark-txt-color);color:var(--dark-bg-color)}.project-card:hover{box-shadow:0 6px 15px #000000b3;transform:translateY(-10px)}.contact-page{--light-bg-color:#ffa858;--light-txt-color:#fff5e1;--dark-bg-color:#30343f;--dark-txt-color:#e6e8f0;box-sizing:border-box;font-family:Georgia,serif;width:100%;z-index:1000}.contact-form-ion{border-radius:10px;margin-left:auto;margin-right:auto;margin-top:10px;max-width:500px;padding:20px 30px}.contact-form-ion.light{background-color:var(--light-txt-color);color:var(--light-bg-color)}.contact-form-ion.dark{background-color:var(--dark-txt-color);color:var(--dark-bg-color)}.contact-form-ion h2{font-size:32px;margin-bottom:15px;text-align:center}.contact-form-ion p{margin-bottom:20px;text-align:center}.contact-form{display:flex;flex-direction:column;margin:0 auto;max-width:1000px}.form-group{margin-bottom:20px;text-align:left}.form-group label{font-size:1.1em}.form-group input,.form-group textarea{background-color:#eee;border:1px solid #ccc;border-radius:5px;font-size:1em;margin-top:5px;padding:10px;width:95%}.form-group textarea{height:100px}.cta-button{border:none;border-radius:5px;cursor:pointer;font-size:1.1em;margin-left:auto;margin-right:auto;margin-top:20px;padding:12px 30px;text-decoration:none;transition:background-color .3s ease;width:fit-content}.cta-button.light{background-color:var(--light-txt-color);border:1px solid var(--light-bg-color);color:var(--light-bg-color)}.cta-button.dark{background-color:var(--dark-txt-color);border:1px solid var(--dark-bg-color);color:var(--dark-bg-color)}.cta-button:hover{background-color:#0eb7d4;color:#000}.submission-message{color:#28a745;font-size:1.2em;margin-top:30px}.footer .social-media a{color:#eee;margin:0 10px;text-decoration:none}.footer .social-media a:hover{text-decoration:underline}@media (max-width:1024px){.hero h1{font-size:2.5em}.hero p{font-size:1.3em}.contact-form-ion{border-radius:10px;margin-left:auto;margin-right:auto;max-width:1000px;padding:20px 5px}.contact-form{padding:0}.form-group input,.form-group textarea{font-size:1em;padding:12px}.form-group{width:90%}.cta-button{font-size:1em;padding:10px 25px}}@media (max-width:768px){.hero h1{font-size:2.3em}.hero p{font-size:1.2em}.cta-button{font-size:1em;padding:10px 25px}.contact-form{max-width:100%}.form-group input,.form-group textarea{font-size:1em;padding:12px}.submission-message{font-size:1.1em}}@media (max-width:480px){.hero h1{font-size:2em}.hero p{font-size:1.1em}.cta-button{font-size:.9em;padding:8px 20px}.form-group input,.form-group textarea{font-size:1em;margin-left:auto;margin-right:auto;padding:12px}.footer{font-size:.85em;padding:10px 0}}
/*# sourceMappingURL=main.6997452d.css.map*/