*{margin:0;padding:0}body{font-family:SUSE,sans-serif}html{scroll-behavior:smooth}p{color:#555}.btn,a{transition:all .3s ease}section{box-sizing:border-box;margin:0 10rem 40px;min-height:96vh;padding-top:4vh}.title{font-size:3rem;text-align:center}.btn-container{display:flex;gap:1rem;justify-content:center}.btn{border-radius:2rem;font-weight:600;padding:1rem;transition:all .3s ease;width:8rem}.btn-color-1,.btn-color-2{border:.1rem solid #353535}.btn-color-1:hover,.btn-color-2:hover{cursor:pointer}.btn-color-1,.btn-color-2:hover{background:#353535;color:#fff}.btn-color-1:hover{background:#000}.btn-color-2{background:none}.btn-color-2:hover{border:.1rem solid #fff}.icon{cursor:pointer;height:2rem}.App{text-align:center}@media screen and (max-width:1400px){section{margin:0 5rem}}@media screen and (max-width:1200px){section{margin:0 2rem}}@media screen and (max-width:768px){section{margin:0 1rem}}.nav-links,nav{display:flex}nav{align-items:center;height:17vh;justify-content:space-around}a{color:#000;text-decoration:none;-webkit-text-decoration-color:#fff;text-decoration-color:#fff}a:hover{color:grey;text-decoration:underline;-webkit-text-decoration-color:#b5b5b5;text-decoration-color:#b5b5b5;text-underline-offset:1rem}.logo{font-size:2rem}.logo:hover{cursor:default}#hamburger-nav{display:none}.hamburger-menu{display:inline-block;position:relative}.hamburger-icon{cursor:pointer;display:flex;flex-direction:column;height:24px;justify-content:space-between;width:30px}.hamburger-icon span{background-color:#000;height:2px;transition:all .3 ease-in-out;width:100%}.menu-links{background-color:#fff;max-height:0;overflow:hidden;position:absolute;right:0;top:100%;width:-webkit-fit-content;width:fit-content}.menu-links,.menu-links a{transition:all .3 ease-in-out}.menu-links a{color:#000;display:block;font-size:1.5rem;padding:10px;text-align:center;text-decoration:none}.menu-links li{list-style:none}.menu-links.open{max-height:300px}.hamburger-icon.open span:first-child{transform:rotate(45deg) translate(10px,5px)}.hamburger-icon.open span:nth-child(2){opacity:0}.hamburger-icon.open span:last-child{transform:rotate(-45deg) translate(10px,-5px)}.hamburger-icon span:first-child{opacity:1;transform:none}@media screen and (max-width:768px){#desktop-nav{display:none}#hamburger-nav{display:flex}}#profile{display:flex;gap:5rem;height:80vh;justify-content:center}.section__text{align-self:center;text-align:center}.section__text p{font-weight:600}.section__text__p1{text-align:center}.section__text__p2{font-size:1.75rem;margin-bottom:1rem}.btn-container .btn-color-2{background:#fff;border:1px solid #333;color:#333}.btn-container .btn-color-2:hover{background:#f0f0f0;color:#333}@media screen and (max-width:768px){#profile{flex-direction:column;gap:2rem;height:auto;padding:2rem 0}}#about{position:relative}.about-container{align-items:flex-start;display:flex;gap:4rem;margin:2rem 0}.carousel-outer-container{display:flex;flex:1 1;flex-direction:column;justify-content:flex-start}.carousel-container{display:flex;flex-direction:column;justify-content:center}.carousel{border-radius:2rem;overflow:hidden}.carousel,.carousel-image-container{height:500px;position:relative;width:100%}.carousel-image{height:100%;object-fit:cover;transition:transform .3s ease;width:100%}.carousel-button{align-items:center;background:#ffffffe6;border:none;border-radius:50%;cursor:pointer;display:flex;font-size:24px;height:50px;justify-content:center;position:absolute;top:50%;transform:translateY(-50%);transition:all .3s ease;width:50px;z-index:10}.carousel-button:hover{background:#fff;transform:translateY(-50%) scale(1.1)}.carousel-button.prev{left:20px}.carousel-button.next{right:20px}.carousel-indicators{align-self:center;display:flex;gap:10px;justify-content:center;margin-top:1.5rem}.indicator{background:#0000004d;border:none;border-radius:50%;cursor:pointer;height:12px;transition:all .3s ease;width:12px}.indicator.active{background:#000c;transform:scale(1.2)}.indicator:hover{background:#0009}.about-text-container{align-items:flex-start;flex:1 1;height:500px}.about-text,.about-text-container{display:flex;flex-direction:column;justify-content:flex-start}.about-text{background:#fff;border-radius:2rem;height:100%;margin-top:0;padding:2rem 2rem .5rem}.about-text h3{color:#333;font-size:1.5rem;margin-bottom:0}.about-text p{color:#555;font-size:1.5rem;line-height:1.6;margin-bottom:1rem;text-align:left}.skills-section{margin-top:3rem;text-align:center}.skills-section h3{color:#333;font-size:2rem;margin-bottom:2rem}.skills-container{display:flex;flex-wrap:wrap;gap:2.5rem;justify-content:center}.skill-item{align-items:center;display:flex;flex-direction:column;gap:.5rem;transition:transform .3s ease}.skill-item:hover{transform:translateY(-5px)}.skill-icon{cursor:default;height:3rem;width:3rem}.skill-name{color:#333;font-size:.9rem;font-weight:600}@media screen and (max-width:768px){.about-container{flex-direction:column;gap:2rem}.carousel-outer-container{height:auto}.carousel{height:300px}.carousel-button{font-size:20px;height:40px;width:40px}.carousel-button.prev{left:10px}.carousel-button.next{right:10px}.carousel-indicators{margin-top:1rem}.skills-container{gap:1.5rem}.skill-icon{height:2.5rem;width:2.5rem}}@media screen and (max-width:480px){.carousel{height:250px}.carousel-button{font-size:18px;height:35px;width:35px}.skills-container{gap:1rem}}@media screen and (min-width:769px){.about-text-container{align-self:flex-start}}#experience{background:#fff;padding:4rem 0}#experience .title{color:#333;font-size:3rem;margin-bottom:3rem;text-align:center}.timeline-container{background:#fff;border-radius:2rem;margin:0 auto;max-width:1200px;padding:2rem;position:relative}.timeline-container:before{background:#007bff;border-radius:2px;bottom:3rem;content:"";left:50%;position:absolute;top:3rem;transform:translateX(-50%);width:4px}.timeline-wrapper{min-height:200px;padding:2rem 0}.timeline-block{margin-bottom:3rem;min-height:120px;padding:1rem 0;position:relative}.timeline-marker{background:#007bff;border:4px solid #fff;border-radius:50%;box-shadow:0 0 0 4px #007bff;height:20px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:20px;z-index:10}.timeline-content{background:#fff;border-radius:1rem;box-shadow:0 4px 20px #0000001a;max-width:450px;padding:1.5rem;position:absolute;top:50%;transform:translateY(-50%)}.timeline-block:nth-child(odd) .timeline-content{margin-right:1rem;right:55%}.timeline-block:nth-child(2n) .timeline-content{left:55%;margin-left:1rem}.timeline-year{color:#007bff;font-size:.9rem;font-weight:600;margin-bottom:.5rem}.timeline-title{color:#333;font-size:1.3rem;margin:0 0 .5rem}.timeline-company{color:#666;font-size:1rem;font-weight:500;margin-bottom:1rem}.timeline-company a{color:#007bff;text-decoration:none;transition:color .3s ease}.timeline-company a:hover{color:#0056b3;text-decoration:underline}.timeline-description{color:#555;font-size:.95rem;line-height:1.6;margin:0}.courses-section{margin-top:4rem;text-align:center}.courses-title{color:#333;font-size:2.5rem;margin-bottom:3rem}.courses-container{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));margin:0 auto;max-width:1200px;padding:0 2rem}.course-card{background:#fff;border-radius:1.5rem;box-shadow:0 4px 20px #0000001a;padding:2rem;text-align:left;transition:transform .3s ease}.course-card:hover{transform:translateY(-5px)}.course-class{color:#333;font-size:1.3rem;font-weight:600;margin:0 0 1rem}.course-class a{color:#007bff;text-decoration:none;transition:color .3s ease}.course-class a:hover{color:#0056b3;text-decoration:underline}.course-description{color:#555;font-size:1rem;line-height:1.6;margin:0}.course-pdfs{border-top:1px solid #eee;margin-top:1.5rem;padding-top:1.5rem}.pdfs-title{color:#333;font-size:1.1rem;font-weight:600;margin:0 0 1rem}.pdf-links{align-items:center;display:flex;flex-wrap:wrap;gap:.25rem}.pdf-link{color:#007bff;font-size:.95rem;padding:.5rem 0;text-decoration:none;transition:color .3s ease}.pdf-link:hover{color:#0056b3;text-decoration:underline}@media screen and (max-width:768px){.timeline-container:before{left:2rem}.timeline-block{flex-direction:row!important;margin-left:2rem}.timeline-marker{margin-right:1rem}.timeline-content{flex:1 1;margin:0;max-width:none}#experience .title{font-size:2rem;margin-bottom:2rem}.timeline-container{padding:0 1rem}.courses-section{margin-top:4rem}.courses-container{gap:1.5rem;grid-template-columns:1fr}.course-card{padding:1.5rem}}#projects{background:#fff;padding:4rem 0}.projects-container{margin:0 auto;max-width:1200px;padding:0 2rem}.projects-wrapper{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(3,1fr);margin-top:2rem}.project-card{background:#fff;border-radius:2rem;box-shadow:0 4px 20px #0000001a;overflow:hidden;transition:transform .3s ease}.project-card:hover{transform:translateY(-5px)}.project-image-container{aspect-ratio:1;overflow:hidden;position:relative;width:100%}.project-image{height:100%;object-fit:cover;transition:transform .3s ease;width:100%}.project-overlay{align-items:center;background:#0009;bottom:0;display:flex;justify-content:center;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.project-card:hover .project-overlay{opacity:1}.project-details{color:#fff;padding:1.5rem;text-align:center}.project-details h3{color:#fff;font-size:1.5rem;margin:0 0 1rem}.project-details p{color:#fff;line-height:1.5;margin:0 0 .5rem}.achievement{color:gold;font-size:.95rem;font-weight:600;margin:0 0 1rem}.project-info{display:flex;flex-direction:column;justify-content:space-between;min-height:120px;padding:2rem}.project-title{color:#333;font-size:1.3rem;font-weight:600;margin:0 0 1.5rem}.project-buttons{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center}.project-btn{border:none;border-radius:1rem;cursor:pointer;display:inline-block;font-weight:600;padding:.75rem 1.5rem;text-decoration:none;transition:all .3s ease}.github-btn{background:#333;color:#fff}.github-btn:hover{background:#555;transform:translateY(-2px)}.video-btn{background:#007bff;color:#fff}.video-btn:hover{background:#0056b3;transform:translateY(-2px)}.modal-video{align-items:center;background-color:#00000080;border-radius:10px;display:flex;height:100vh;justify-content:center;left:50%;padding:20px;position:fixed;top:50%;transform:translate(-50%,-50%);width:100vw;z-index:1000}.modal-video iframe{aspect-ratio:16/9;border-radius:10px;height:auto;margin:0 auto;width:75%}.in-progress{color:#666;font-size:.6em;font-weight:400;margin-left:.5em}@media screen and (max-width:1200px){.projects-wrapper{gap:1.5rem;grid-template-columns:repeat(2,1fr)}}@media screen and (max-width:768px){.projects-wrapper{gap:1.5rem;grid-template-columns:1fr}.projects-container{padding:0 1rem}.project-card{padding:1rem}.modal-video iframe{width:95%}}#contact{clear:both;display:flex;flex-direction:column;height:60vh;justify-content:center}.contact-info-upper-container{background:#fff;border:.1rem solid #fff;border-radius:2rem;display:flex;justify-content:center;margin:2rem auto;padding:.5rem}.contact-info-container{align-items:center;display:flex;gap:.5rem;justify-content:center;margin:1rem}.contact-info-container p{font-size:larger}.contact-icon{cursor:default}.email-icon{height:2.5rem}.contact-info-container a{cursor:pointer}@media screen and (max-width:768px){#contact{height:auto;padding:2rem 0}.contact-info-upper-container{flex-direction:column;gap:1rem}}footer{height:26vh;margin:0 1rem}footer p{text-align:center}.nav-links-container{align-items:center;display:flex;height:100%;justify-content:center}.nav-links{font-size:1.5rem;gap:2rem;list-style:none}@media screen and (max-width:768px){footer{height:auto;padding:2rem 0}.nav-links{font-size:1.2rem;gap:1rem}}
/*# sourceMappingURL=main.1f7114d1.css.map*/