body{font-family:-apple-system,BlinkMacSystemFont,system-ui,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;transition:background-color .5s ease,color .5s ease}:root{--cursor-color:#fff;--tech-icon-color:#669593}body.dark,body.dark .header{background-color:#111c1c;color:#fff}h1{color:#669593;font-size:70px}h2{color:#a6d2d0;font-size:45px}h3{color:#466865;font-size:25px}p{color:#688a89;font-size:18px;line-height:1.6}body.light,body.light .header{--cursor-color:#414e5f;--tech-icon-color:#97adbb;background-color:#faf6f2;color:#000}body.light h1{color:#97adbb}body.light h2{color:#69889d}body.light h3{color:#bdc3bf}body.light p{color:#a7aea9}body.light .homeText{color:#414e5f}body.star,body.star .header{background-color:#000;color:#ccc}#starTheme{height:100vh;left:0;pointer-events:none;position:fixed;top:0;width:100vw;z-index:-1}#home{margin:50px;padding-top:50px;text-align:center}#home h1{animation:typing 2.5s steps(15) forwards,blink-caret .85s step-end infinite;border-right:.09em solid #fff;border-right:.09em solid var(--cursor-color);margin:100px auto 0;overflow:hidden;white-space:nowrap}@keyframes typing{0%{width:0}to{width:12.5ch}}@keyframes blink-caret{50%{border-color:#0000}}.homeText{color:#fff}#home h2{margin-top:-3px}#home h3{margin-top:-30px}@media (max-width:768px){#home{margin:50px 20px;padding-top:10px -40px;text-align:center}#home h1{font-size:32px}#home h2{font-size:18px;margin-bottom:-25px;margin-top:5px}#home h3{font-size:15px;margin:30px}#empty{margin:150px}}.themeButtons{position:fixed;right:20px;top:20px}.toggleButton{cursor:pointer;font-size:28px;transition:color .3s}.material-icons.toggleButton{color:inherit!important}body.dark .header .toggleButton,body.star .header .toggleButton{color:#669593!important}body.dark .header .toggleButton:hover,body.star .header .toggleButton:hover{color:#fff!important}.toggleButton.light{color:#97adbb!important}.toggleButton.toggleButton.light:hover{color:#414e5f!important}.header{align-items:center;box-shadow:0 2px 4px #0000001a;display:flex;justify-content:space-between;left:0;padding:10px 20px;position:fixed;top:0;width:98%;z-index:1}.nav-left ul{display:flex;gap:20px;list-style:none;margin:0;padding:0}.header .nav-left h1{font-size:18px;line-height:1;margin:0}.nav-left a{color:inherit;font-size:18px;text-decoration:none;transition:color .3s ease}.nav-right{align-items:center;display:flex;gap:15px;margin:5px}body.light .nav-left a:hover{color:#414e5f}.nav-left a:hover{color:#fff}@media (max-width:768px){.header{align-items:center;flex-direction:column;padding:1rem}.nav-left a{color:inherit;font-size:13px;text-decoration:none;transition:color .3s ease}.nav-left{margin-bottom:.5rem;order:1;text-align:center;width:100%}.nav-right{margin-top:1rem;order:2}}.social-icon{fill:currentColor;transition:color .3s ease}body.dark .social-icon,body.star .social-icon{color:#669593}body.dark .social-icon:hover,body.star .social-icon:hover{color:#fff}body.light .social-icon{color:#97adbb}body.light .social-icon:hover{color:#414e5f}@media (max-width:768px){.social-icon{fill:currentColor;margin:0 12px 0 0;transition:color .3s ease}}.about-me-section{align-items:center;display:flex;flex-wrap:wrap;gap:-400px;justify-content:space-around;padding:100px 20px}.about-me{margin:200px;max-width:590px}.photo-frame{left:-130px;max-width:331px;position:relative}.photo-frame img{display:auto;height:auto;width:100%}@media (max-width:768px){.about-me-section{flex-direction:column;text-align:center}.about-me{margin:45px auto;max-width:95%}.about-me p{font-size:15px}.photo-frame{display:none}}.tech-section{color:inherit;margin:100px auto;max-width:1200px;padding:40px 20px;text-align:center}.tech-section p{margin-bottom:40px;margin-top:-20px}.tech-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(5,1fr);justify-items:center}.tech-icon{fill:#669593;fill:var(--tech-icon-color);height:60px;width:60px}.tech-icon:hover{fill:#fff;transition:fill .5s}body.light .tech-icon:hover{fill:#414e5f;transition:fill .5s}.tech-item{align-items:center;display:flex;height:80px;justify-content:center;transition:transform .2s ease;width:80px}.tech-item:hover{transform:scale(1.1)}.tech-item:after{background-color:#414e5fb3;border-radius:4px;bottom:-30px;color:#fff;content:attr(data-tooltip);font-size:12px;left:60%;opacity:0;padding:4px 8px;position:absolute;transform:translateX(50%);transition:opacity .3s ease;white-space:nowrap}.tech-item:hover:after{opacity:1}@media (max-width:768px){.tech-grid{grid-template-columns:repeat(3,1fr)}.tech-section{margin:6px;padding:30px}.tech-section p{font-size:15px}.tech-item:after{bottom:-10px;left:-5%}}.project-section{margin:0 auto;max-width:1200px;padding:150px 20px}.project-section h2{margin-top:100px;text-align:center}.project-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.project-card{background-color:#1b2b3c;border-radius:8px;box-shadow:0 4px 6px #0000004d;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden;transition:transform .2s ease,background-color .5s ease}body.light .project-card{background-color:#69889d}body.light .project-card:hover{background-color:#414e5f}.project-card-image{height:180px;overflow:hidden;width:100%}.project-card-image img{height:100%;object-fit:cover;width:100%}.project-card-content{padding:20px}.project-card-content h3{color:#cfd8dc;font-size:20px;margin-bottom:10px}body.light .project-card-content h3,body.light .project-card-content p{color:#d0d6d2}body.light .project-card-content #date{color:#a6d2d0;font-size:12px}body.dark .project-card-content #date,body.star .project-card-content #date{color:#63908d;font-size:12px}.project-card-content p{color:#9ea7ad;font-size:14px;line-height:1.6;margin-bottom:20px}.tech-stack{display:flex;flex-wrap:wrap;gap:8px}.tech-badge{background-color:#2c3e50;border-radius:4px;color:#fff;font-size:12px;padding:4px 8px}.project-card-footer{display:flex;gap:10px;margin:0 20px 20px}.footer-icon{fill:#66b9be;height:24px;transition:fill .2s ease;width:24px}.footer-link{align-items:center;display:inline-flex;text-decoration:none;transition:color .2s ease}.footer-link:hover .footer-icon{fill:#fff}.project-card:hover{background-color:#2c3e5047;transform:translateY(-5px)}@media (max-width:768px){.project-section{padding:20px 10px}.project-grid{grid-template-columns:1fr}}.footer-section{margin:50px;padding-top:100px;text-align:center}.footerp{font-size:13px}#update{font-size:12px;text-align:center}
/*# sourceMappingURL=main.b02c18b2.css.map*/