body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}:root{--primary:#111821;--primary-dark:#223247;--dark-text:#ecf0f1;--primary-light:#dde3ea;--light-text:#2c3e50;--light-accent:#bdc3c7;--primary-btn-bg:#34495e;--primary-btn-text:#ecf0f1}html{scroll-behavior:smooth}body.dark-mode{background-color:#111821;background-color:var(--primary);color:#ecf0f1;color:var(--dark-text)}body.light-mode{background-color:#dde3ea;background-color:var(--primary-light);color:#2c3e50;color:var(--light-text)}body{font-family:Roboto,sans-serif;margin:0;padding:0}button{background-color:#34495e;background-color:var(--primary-btn-bg);border:none;border-radius:25px;color:#ecf0f1;color:var(--primary-btn-text);cursor:pointer;font-size:1.2rem;padding:15px 30px;transition:background-color .3s ease}button:hover{background-color:#bdc3c7;background-color:var(--light-accent)}.App{flex-direction:column;min-height:100vh;padding-top:80px}.App,main{display:flex}main{flex:1 1;flex-direction:column}header{align-items:center;background-color:#111821;background-color:var(--primary);color:#ecf0f1;color:var(--dark-text);display:flex;height:80px;justify-content:space-between;left:0;padding:0 20px;position:fixed;right:0;top:0;z-index:100}header .logo{font-size:1.8rem;font-weight:700}header nav a{border-radius:5px;color:#ecf0f1;color:var(--dark-text);padding:10px;text-decoration:none}header nav a:hover{background-color:#223247;background-color:var(--primary-dark);color:#fff}header .menu-toggle{background:none;border:none;cursor:pointer;display:none;font-size:1.5rem}@media(max-width:768px){header nav{background-color:#111821;background-color:var(--primary);box-shadow:0 4px 6px #0000001a;color:#ecf0f1;color:var(--dark-text);display:none;flex-direction:column;padding:10px 0;position:absolute;right:0;text-align:center;top:80px;width:100%;z-index:999}header .mobile-menu{display:flex}header nav a{padding:15px}header .menu-toggle,header nav a{display:block}}.hero{align-items:center;background-color:#111821;background-color:var(--primary);color:#ecf0f1;color:var(--dark-text);display:flex;flex-direction:column;height:calc(100vh - 80px);justify-content:center;padding:0 20px;text-align:center}.hero h1{font-size:4rem;margin-bottom:20px}.hero p{font-size:1.5rem;margin-bottom:40px}.hero button{font-size:1.5rem;padding:15px 40px}section{flex:1 1;padding:50px 0}section h2{font-size:2.5rem;margin-bottom:20px}section p{font-size:1.2rem;margin-bottom:40px}footer{background-color:#111821;background-color:var(--primary);color:#ecf0f1;color:var(--dark-text);flex-shrink:0;padding:20px 0;text-align:center}footer .social-links{display:flex;font-size:1.5rem;gap:15px;justify-content:center}footer .social-links a{color:#ecf0f1;color:var(--dark-text);text-decoration:none}footer .social-links a:hover{color:#34495e;color:var(--primary-btn-bg)}body.light-mode footer{background-color:#dde3ea;background-color:var(--primary-light)}body.light-mode footer,body.light-mode footer .social-links a{color:#2c3e50;color:var(--light-text)}#about,#contact,#projects,#resume{scroll-margin-top:80px}body.light-mode .hero{background-color:#dde3ea;background-color:var(--primary-light);color:#2c3e50;color:var(--light-text)}.about-section{background-color:var(--primary);color:var(--dark-text);display:flex;justify-content:center}body.light-mode .about-section{background-color:var(--primary-light);color:var(--light-text)}.about-text hr{border-top:1px solid var(--primary-btn-bg);margin:10px 0 30px;max-width:600px;width:100%}.about-container{align-items:center;max-width:1000px;width:100%}.about-text h1{font-size:3rem;margin-bottom:10px}.about-text hr{border:none;border-top:2px solid var(--primary-btn-bg);margin:10px auto 30px;max-width:1000px;width:99%}.about-text p{font-size:1.2rem;line-height:1.8;margin-bottom:15px}@media (max-width:768px){.about-container{align-items:center;flex-direction:column;gap:30px;text-align:center}.about-text h1{font-size:3rem}.about-text p{font-size:1.1rem}.about-image img{height:200px;width:200px}}.section{background-color:var(--primary);color:var(--dark-text);display:flex;justify-content:center;padding:0 1rem 50px}body.light-mode .section{background-color:var(--primary-light);color:var(--light-text)}.section-container{max-width:1000px;width:100%}.section-container h1{font-size:3rem;margin-bottom:10px;text-align:left}.section-container hr{border:none;border-top:2px solid var(--primary-btn-bg);margin:10px 0 30px;max-width:1000px;text-align:left;width:99%}.about-container{align-items:flex-start;display:flex;flex-wrap:wrap;gap:50px}.about-image img{border:4px solid var(--primary-btn-bg);border-radius:50%;height:250px;object-fit:cover;width:250px}.projects-container .project-cards-container{display:flex;flex-wrap:wrap;gap:20px;justify-content:center;margin-top:30px}.project-card{background-color:var(--primary);border-radius:10px;box-shadow:0 4px 6px #0000001a;color:var(--dark-text);display:flex;flex-direction:column;overflow:hidden;transition:transform .3s ease,box-shadow .3s ease;width:29%}.project-card:hover{box-shadow:0 10px 20px #00000026;transform:translateY(-10px)}.project-thumbnail img{border-bottom:3px solid var(--primary-dark);height:250px;object-fit:cover;width:100%}.tags{display:flex;flex-wrap:wrap;gap:5px;justify-content:center;margin-bottom:20px}.tag{background-color:var(--primary-dark);border:2px solid var(--light-accent);border-radius:20px;color:var(--dark-text);font-size:1.1rem;padding:2px 15px}body.light-mode .project-card{background-color:var(--light-bg)}body.light-mode .project-card h3,body.light-mode .project-card p{color:var(--light-text)}body.light-mode .tag{background-color:var(--primary-dark);border-color:var(--primary-btn-bg);color:#fff}@media(max-width:768px){.about-container{align-items:center;flex-direction:column;gap:30px;text-align:center}.about-image img{height:200px;width:200px}.section-container h1{font-size:2.5rem}.project-card{width:90%}}.github-link{align-self:center;border-radius:5px;color:var(--dark-text);display:inline-block;margin-top:auto;padding:10px 20px;text-align:center;text-decoration:none;transition:background-color .3s ease,color .3s ease}.github-link:hover{background-color:var(--primary-dark);color:#fff}body.light-mode .github-link{color:var(--light-text)}body.light-mode .github-link:hover{background-color:var(--primary-btn-bg);color:#fff}.contact-section{background-color:var(--primary);color:var(--dark-text);display:flex;justify-content:center;padding:0 1rem 50px;text-align:center}body.light-mode .contact-section{background-color:var(--primary-light);color:var(--light-text)}.contact-container{max-width:1000px;text-align:center;width:100%}.contact-container h1{font-size:3rem;margin-bottom:10px}.contact-container hr{border:none;border-top:2px solid var(--primary-btn-bg);margin:10px auto 30px;max-width:1000px;width:99%}.contact-info p{font-size:1.2rem;margin-bottom:20px}.contact-info a{color:var(--primary-btn-bg);font-weight:700;text-decoration:none}.contact-form{align-items:center;background-color:var(--primary);border-radius:10px;box-shadow:0 10px 30px #0000001a;display:flex;flex-direction:column;margin:0 auto;max-width:700px;padding:30px}body.light-mode .contact-form{background-color:var(--light-bg)}.form-group{margin-bottom:20px;text-align:left;width:100%}.form-group label{display:block;font-size:1.1rem;font-weight:700;margin-bottom:5px}.form-group input,.form-group textarea{background-color:var(--primary-light);border:2px solid var(--light-accent);border-radius:8px;box-sizing:border-box;color:var(--light-text);font-size:1.1rem;padding:12px;transition:border-color .3s ease;width:100%}.form-group input:focus,.form-group textarea:focus{border-color:var(--primary-btn-bg);outline:none}.submit-btn{background-color:var(--primary-btn-bg);border:none;border-radius:25px;color:var(--primary-btn-text);cursor:pointer;font-size:1.2rem;padding:15px 30px;transition:background-color .3s ease}.submit-btn:hover{background-color:var(--primary-dark)}.resume-section{background-color:var(--primary);color:var(--dark-text);display:flex;justify-content:center;padding:0 1rem 50px}body.light-mode .resume-section{background-color:var(--primary-light);color:var(--light-text)}.resume-container{max-width:1000px;text-align:left;width:100%}.resume-container h1{font-size:3rem;margin-bottom:10px}.resume-container hr{border:none;border-top:2px solid var(--primary-btn-bg);margin:10px auto 30px;max-width:1000px;width:99%}.resume-container p{font-size:1.2rem;line-height:1.8;margin-bottom:15px}@media (max-width:768px){.resume-container h1{font-size:2.5rem}.resume-container p{font-size:1.1rem}}
/*# sourceMappingURL=main.16a6fbde.css.map*/