@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;600;700&display=swap);:root{--navy:#0a192f;--light-navy:#112240;--lightest-navy:#233554;--slate:#8892b0;--light-slate:#a8b2d1;--lightest-slate:#ccd6f6;--white:#e6f1ff;--teal:#64ffda}:root[data-theme=light]{--navy:#f0eef6;--light-navy:#f8f8f2;--lightest-navy:#e9e5f3;--slate:#5c5470;--light-slate:#352f44;--lightest-slate:#2a2438;--white:#0a192f;--teal:#8d62bf}[data-theme=light] body{background:linear-gradient(to bottom right,#112240,#233554,#0a192f);background:linear-gradient(to bottom right,var(--light-navy),var(--lightest-navy),var(--navy));color:#a8b2d1;color:var(--light-slate)}*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:linear-gradient(to bottom right,#0f172a,#1e3a8a,#1e293b);color:#8892b0;color:var(--slate);font-family:Poppins,sans-serif}.App{background-color:initial;position:relative;z-index:1}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#0a192f;background:var(--navy)}::-webkit-scrollbar-thumb{background:#233554;background:var(--lightest-navy);border-radius:5px}::-webkit-scrollbar-thumb:hover{background:#8892b0;background:var(--slate)}.App{display:flex;flex-direction:column;min-height:100vh}main{margin:0 auto;max-width:1600px;padding:0 150px;width:100%}.header-spacer{height:76px}@media (max-width:1080px){main{padding:0 100px}}@media (max-width:768px){main{padding:0 50px}}@media (max-width:480px){main{padding:0 25px}}.theme-switcher{align-items:center;background:none;border:none;color:var(--teal);cursor:pointer;display:flex;font-size:1.5rem;justify-content:center;padding:5px;transition:transform .3s ease}.theme-switcher:hover{transform:rotate(15deg)}.header{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#0a192fd9;border-bottom:1px solid #0000;display:flex;justify-content:space-between;padding:20px 50px;position:fixed;top:0;transition:border-color .3s ease;width:100%;z-index:10}[data-theme=light] .header{background-color:#f0f2f5d9;border-bottom:1px solid var(--lightest-navy)}.logo{color:var(--teal);font-size:1.5rem;font-weight:700}.header-right-desktop{align-items:center;display:flex;gap:30px}.header nav ul{display:flex;gap:20px;list-style:none}.header nav button{background:none;border:none;color:var(--lightest-slate);cursor:pointer;font-family:Poppins,sans-serif;font-size:1rem;transition:color .3s ease}.hamburger,.header nav button:hover{color:var(--teal)}.hamburger{cursor:pointer;display:none;font-size:2rem;z-index:100}.mobile-menu{align-items:center;background-color:var(--lightest-navy);display:flex;flex-direction:column;height:100vh;justify-content:center;position:fixed;right:0;top:0;transform:translateX(100%);transition:transform .3s ease-in-out;width:min(60vw,300px);z-index:99}.mobile-menu.open{transform:translateX(0)}.mobile-menu nav ul{flex-direction:column;gap:40px;text-align:center}.mobile-menu nav button{color:var(--slate);font-size:1.5rem}.mobile-theme-switcher{margin-top:40px}@media (max-width:768px){.header-right-desktop{display:none}.hamburger{display:block}}.hero{display:flex;flex-direction:column;justify-content:center;min-height:100vh}.hero p{color:var(--teal);font-size:1.1rem;margin-bottom:20px}.hero h1{color:var(--lightest-slate);font-size:clamp(40px,8vw,80px);font-weight:700;margin-bottom:10px}.hero h2{color:var(--slate);font-size:clamp(30px,7vw,70px);font-weight:600;margin-bottom:25px}.hero-description{color:var(--slate)!important;font-size:1.1rem!important;max-width:550px}.highlight{color:var(--teal)}.hero-location{align-items:center;color:var(--slate);display:flex;font-size:1rem;gap:8px;margin-top:30px}.hero-location svg{color:var(--teal)}.hero-buttons{margin-top:40px}.button{background-color:initial;border:1px solid var(--teal);border-radius:4px;color:var(--teal);cursor:pointer;font-family:Poppins,sans-serif;font-size:1rem;padding:.75rem 1.5rem;text-decoration:none;transition:all .3s ease-in-out}.button:hover{background-color:#64ffda1a}[data-theme=light] .button:hover{background-color:#8d62bf1a}@media (prefers-color-scheme:light){[data-theme=light] .hero h1,[data-theme=light] .hero h2{color:var(--lightest-slate)}}@media (max-height:600px){.hero{padding-top:120px}}.about{margin:0 auto;max-width:900px;padding:100px 0}.about-content{grid-gap:50px;display:grid;gap:50px;grid-template-columns:3fr 2fr}.about-text p{color:var(--light-slate);line-height:1.6;margin-bottom:15px}.about-skills ul{grid-gap:15px;color:var(--light-slate);display:grid;font-size:.95rem;gap:15px;grid-template-columns:repeat(2,minmax(140px,200px));list-style:none}.about-skills li{gap:12px}.about-skills li,.skill-icon{align-items:center;display:flex}.skill-icon{font-size:1.8rem}.skill-icon.java{color:#f89820}.skill-icon.python{color:#3776ab}.skill-icon.react{color:#61dafb}.skill-icon.javascript{color:#f7df1e}.skill-icon.html5{color:#e34f26}.skill-icon.css3{color:#1572b6}.skill-icon.git{color:#f05032}.skill-icon.csharp{color:#9b4f96}.skill-icon.cpp{color:#00599c}@media (max-width:768px){.about-content{gap:30px;grid-template-columns:1fr}}.modal-backdrop{align-items:center;background-color:#000000b3;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1000}.modal-content{background-color:var(--light-navy);border-radius:8px;box-shadow:0 10px 30px -15px #020c1bb3;height:80%;max-height:90vh;max-width:800px;overflow-y:auto;padding:2rem;position:relative;width:90%}.close-button{background:none;border:none;color:var(--slate);cursor:pointer;font-size:1.5rem;position:absolute;right:15px;top:15px;transition:color .3s ease}.close-button:hover{color:var(--teal)}.modal-content h2{color:var(--lightest-slate);margin-bottom:5px}.modal-description{color:var(--slate);margin-bottom:20px}.github-link-button{align-items:center;background-color:initial;border:1px solid var(--teal);border-radius:4px;color:var(--teal);display:inline-flex;gap:8px;padding:.5rem 1rem;text-decoration:none;transition:all .3s ease}.github-link-button:hover{background-color:#64ffda1a}[data-theme=light] .github-link-button:hover{background-color:#007bff1a}.modal-content hr{border:none;border-top:1px solid var(--lightest-navy);margin:20px 0}.readme-content{color:var(--light-slate);line-height:1.6}.readme-content h1,.readme-content h2,.readme-content h3{border-bottom:1px solid var(--lightest-navy);color:var(--lightest-slate);margin-bottom:10px;margin-top:20px;padding-bottom:5px}.readme-content li,.readme-content p{margin-bottom:10px}.readme-content code{background-color:var(--navy);border-radius:3px;font-family:monospace;padding:2px 5px}.readme-content pre{background-color:var(--navy);border-radius:5px;overflow-x:auto;padding:1rem}.readme-content a{color:var(--teal)}.modal-footer{border-top:1px solid var(--lightest-navy);display:flex;justify-content:flex-end;margin-top:20px;padding-top:20px}.close-button-bottom{background-color:initial;border:1px solid var(--teal);border-radius:4px;color:var(--teal);cursor:pointer;font-family:Poppins,sans-serif;font-size:.9rem;padding:.5rem 1rem;transition:all .3s ease}.close-button-bottom:hover{background-color:#64ffda1a}[data-theme=light] .close-button-bottom:hover{background-color:#007bff1a}.slideshow-container{border-radius:5px;margin:20px 0;overflow:hidden}.carousel .slide img{background-color:var(--navy);max-height:400px;object-fit:contain}.carousel .control-arrow,.carousel.carousel-slider .control-arrow{opacity:.6}.carousel .control-arrow:hover{opacity:1}.carousel .control-arrow,.carousel.carousel-slider .control-arrow{background:none;border:0;cursor:pointer;filter:alpha(opacity=40);font-size:32px;opacity:.4;position:absolute;top:20px;transition:all .25s ease-in;z-index:2}.carousel .control-arrow:focus,.carousel .control-arrow:hover{filter:alpha(opacity=100);opacity:1}.carousel .control-arrow:before,.carousel.carousel-slider .control-arrow:before{border-bottom:8px solid #0000;border-top:8px solid #0000;content:"";display:inline-block;margin:0 5px}.carousel .control-disabled.control-arrow{cursor:inherit;display:none;filter:alpha(opacity=0);opacity:0}.carousel .control-prev.control-arrow{left:0}.carousel .control-prev.control-arrow:before{border-right:8px solid #fff}.carousel .control-next.control-arrow{right:0}.carousel .control-next.control-arrow:before{border-left:8px solid #fff}.carousel-root{outline:none}.carousel{position:relative;width:100%}.carousel *{box-sizing:border-box}.carousel img{display:inline-block;pointer-events:none;width:100%}.carousel .carousel{position:relative}.carousel .control-arrow{background:none;border:0;font-size:18px;margin-top:-13px;outline:0;top:50%}.carousel .thumbs-wrapper{margin:20px;overflow:hidden}.carousel .thumbs{list-style:none;position:relative;transform:translateZ(0);transition:all .15s ease-in;white-space:nowrap}.carousel .thumb{border:3px solid #fff;display:inline-block;margin-right:6px;overflow:hidden;padding:2px;transition:border .15s ease-in;white-space:nowrap}.carousel .thumb:focus{border:3px solid #ccc;outline:none}.carousel .thumb.selected,.carousel .thumb:hover{border:3px solid #333}.carousel .thumb img{vertical-align:top}.carousel.carousel-slider{margin:0;overflow:hidden;position:relative}.carousel.carousel-slider .control-arrow{bottom:0;color:#fff;font-size:26px;margin-top:0;padding:5px;top:0}.carousel.carousel-slider .control-arrow:hover{background:#0003}.carousel .slider-wrapper{margin:auto;overflow:hidden;transition:height .15s ease-in;width:100%}.carousel .slider-wrapper.axis-horizontal .slider{-ms-box-orient:horizontal;display:-moz-flex;display:flex}.carousel .slider-wrapper.axis-horizontal .slider .slide{flex-direction:column;flex-flow:column}.carousel .slider-wrapper.axis-vertical{-ms-box-orient:horizontal;display:-moz-flex;display:flex}.carousel .slider-wrapper.axis-vertical .slider{flex-direction:column}.carousel .slider{list-style:none;margin:0;padding:0;position:relative;width:100%}.carousel .slider.animated{transition:all .35s ease-in-out}.carousel .slide{margin:0;min-width:100%;position:relative;text-align:center}.carousel .slide img{border:0;vertical-align:top;width:100%}.carousel .slide iframe{border:0;display:inline-block;margin:0 40px 40px;width:calc(100% - 80px)}.carousel .slide .legend{background:#000;border-radius:10px;bottom:40px;color:#fff;font-size:12px;left:50%;margin-left:-45%;opacity:.25;padding:10px;position:absolute;text-align:center;transition:all .5s ease-in-out;transition:opacity .35s ease-in-out;width:90%}.carousel .control-dots{bottom:0;margin:10px 0;padding:0;position:absolute;text-align:center;width:100%;z-index:1}@media (min-width:960px){.carousel .control-dots{bottom:0}}.carousel .control-dots .dot{background:#fff;border-radius:50%;box-shadow:1px 1px 2px #000000e6;cursor:pointer;display:inline-block;filter:alpha(opacity=30);height:8px;margin:0 8px;opacity:.3;transition:opacity .25s ease-in;width:8px}.carousel .control-dots .dot.selected,.carousel .control-dots .dot:hover{filter:alpha(opacity=100);opacity:1}.carousel .carousel-status{color:#fff;font-size:10px;padding:5px;position:absolute;right:0;text-shadow:1px 1px 1px #000000e6;top:0}.carousel:hover .slide .legend{opacity:1}.projects-grid{-webkit-overflow-scrolling:touch;display:flex;gap:20px;overflow-x:auto;padding-bottom:20px;scrollbar-color:var(--lightest-navy) var(--navy);scrollbar-width:thin}.projects-grid::-webkit-scrollbar{height:8px}.projects-grid::-webkit-scrollbar-track{background:var(--navy);border-radius:4px}.projects-grid::-webkit-scrollbar-thumb{background:var(--lightest-navy);border-radius:4px}.projects-grid::-webkit-scrollbar-thumb:hover{background:var(--slate)}.project-card{background-color:var(--light-navy);border-radius:5px;box-shadow:0 10px 30px -15px #020c1bb3;cursor:pointer;display:flex;flex:0 0 320px;flex-direction:column;height:auto;overflow:hidden;transition:all .3s ease-in-out}.project-card:hover{box-shadow:0 0 20px #64ffda33;transform:translateY(-7px)}.project-image,.project-image-placeholder{aspect-ratio:16/9;object-fit:cover;width:100%}.project-image-placeholder{align-items:center;background-color:var(--navy);color:var(--slate);display:flex;font-size:1.5rem;font-weight:600;justify-content:center}.project-content{display:flex;flex-direction:column;flex-grow:1;padding:1.5rem}.project-content h3{color:var(--lightest-slate)}.project-card:hover .project-content h3{color:var(--teal)}.project-stats{color:var(--slate);font-size:.85rem;gap:15px;margin-top:auto;padding-top:15px}.project-stats,.stat-item{align-items:center;display:flex}.stat-item{gap:5px}.project-tags{color:var(--slate);display:flex;flex-wrap:wrap;font-size:.8rem;gap:8px;list-style:none;margin-top:15px}.project-tags li{background-color:var(--navy);border-radius:3px;padding:3px 8px}.carousel .slide img{height:100%}.carousel.carousel-slider .control-arrow{opacity:.6}.contact{margin:0 auto;max-width:600px;padding:100px 0;text-align:center}.contact-title{color:var(--teal);font-size:1rem;margin-bottom:15px}.contact h3{color:var(--lightest-slate);font-size:clamp(30px,5vw,50px);margin-bottom:15px}.contact p{color:var(--light-slate);margin-bottom:40px}.contact-button{background-color:initial;border:1px solid var(--teal);border-radius:4px;color:var(--teal);cursor:pointer;font-family:Poppins,sans-serif;font-size:1rem;padding:1rem 1.75rem;text-decoration:none;transition:all .3s ease-in-out}.contact-button:hover{background-color:#64ffda1a}body{cursor:none}.cursor{border:1px solid var(--teal);border-radius:50%;height:25px;pointer-events:none;position:fixed;transform:translate(-50%,-50%);transition:width .3s,height .3s,background-color .3s;width:25px;z-index:9999}.cursor.hovering{background-color:#64ffda1a;height:50px;width:50px}@media (max-width:768px){.cursor{display:none}body{cursor:default}}.sidebar{align-items:center;bottom:0;color:var(--slate);display:flex;flex-direction:column;gap:20px;position:fixed;width:40px}.sidebar.left{left:40px}.sidebar.right{right:40px}.sidebar a{color:inherit;font-size:1.3rem;padding:10px;transition:all .3s ease}.sidebar a:hover{color:var(--teal);transform:translateY(-5px)}.sidebar .line{background-color:var(--slate);height:90px;width:1px}.email-link{font-size:.9rem!important;letter-spacing:.1em;padding:10px;writing-mode:vertical-rl}@media (max-width:768px){.sidebar{display:none}}.loader-container{align-items:center;background-color:var(--navy);display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:10000}.logo-placeholder{animation:pulse 1.5s ease-in-out infinite;border:3px solid var(--teal);color:var(--teal);font-size:3rem;font-weight:700;padding:10px 20px}@keyframes pulse{0%{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.1)}to{opacity:1;transform:scale(1)}}.experience{margin:0 auto;max-width:700px;padding:100px 0}.experience-content{display:flex;gap:30px;min-height:300px}.job-list{border-left:2px solid var(--lightest-navy);display:flex;flex-direction:column}.job-button{background:none;border:none;border-left:2px solid #0000;color:var(--slate);cursor:pointer;font-family:Poppins,sans-serif;font-size:1rem;margin-left:-2px;padding:15px 20px;text-align:left;transition:all .3s ease}.job-button:hover{background-color:var(--lightest-navy);color:var(--teal)}.job-button.active{background-color:var(--light-navy);border-left:2px solid var(--teal);color:var(--teal)}.job-details h3{color:var(--lightest-slate);font-size:1.4rem;margin-bottom:5px}.job-details .company{color:var(--teal)}.job-details .date{color:var(--light-slate);font-size:.9rem;margin-bottom:20px}.job-details ul{list-style:none}.job-details li{color:var(--slate);line-height:1.5;margin-bottom:10px;padding-left:25px;position:relative}.job-details li:before{color:var(--teal);content:"▹";font-size:1.2rem;left:0;position:absolute}@media (max-width:600px){.experience-content{flex-direction:column}.job-list{border-left:none;flex-direction:row;flex-wrap:wrap}.job-button{border-bottom:2px solid var(--lightest-navy);border-left:none;flex-basis:40%;flex-grow:1;margin-left:0;text-align:center}.job-button.active{border-bottom:2px solid var(--teal)}}.footer{color:var(--slate);font-size:.9rem;margin-top:50px;padding:20px 0;text-align:center}.footer-socials{display:none;margin-bottom:15px}.footer-socials a{color:inherit;font-size:1.5rem;margin:0 10px;transition:all .3s ease}.footer-socials a:hover{color:var(--teal);transform:translateY(-3px)}@media (max-width:768px){.footer-socials{display:block}}
/*# sourceMappingURL=main.73e28da9.css.map*/