:root{--bg-color:#0f0f10;--primary-color:#bfae93;--primary-color-hover:#9e8a75;--secondary-color:#d1c5ad;--muted-color:#acacac;--text-color:#fff;--font-base:sans-serif;--border-radius:calc(5px + 2vw);--fade-duration:2.2s;--faded-border:1px solid #bfae9333}*{box-sizing:border-box;margin:0;padding:0}::selection{background:#bfae93;background:var(--primary-color);color:#0f0f10;color:var(--bg-color)}::-moz-selection{background:#bfae93;background:var(--primary-color);color:#0f0f10;color:var(--bg-color)}.key-highlights-section ::selection,.modal-content ::selection,.modal-image-container ::selection,.resume ::selection{background:#0f0f10;background:var(--bg-color);color:#bfae93;color:var(--primary-color)}.key-highlights-section ::-moz-selection,.modal-content ::-moz-selection,.modal-image-container ::-moz-selection,.resume ::-moz-selection{background:#0f0f10;background:var(--bg-color);color:#bfae93;color:var(--primary-color)}body{background-color:#0f0f10;background-color:var(--bg-color);font-family:sans-serif;font-family:var(--font-base)}body::-webkit-scrollbar{width:10px}body::-webkit-scrollbar-thumb{background:#bfae93;background:var(--primary-color)}body::-webkit-scrollbar-thumb:hover{background:#9e8a75;background:var(--primary-color-hover)}h1{color:#bfae93;color:var(--primary-color)}h1,h2{font-weight:700}h2{font-size:clamp(1.5rem,3vw,2rem)}h3{font-size:1.5rem}h3,h4{font-weight:600}h4{font-size:18px}h5{background:#0f0f10;background:var(--bg-color);color:#bfae93;color:var(--primary-color);display:inline-block;font-size:16px;font-weight:600;margin-bottom:6px;padding:5px 15px;width:-webkit-fit-content;width:fit-content}p{font-size:1rem;line-height:1.2}.basic-details{color:#acacac;color:var(--muted-color)}.basic-address{color:#bfae93;color:var(--primary-color);font-size:1rem;margin-top:.5rem}@media (max-width:520px){h1{font-size:clamp(2.5rem,8vw,4rem)}.basic-details{font-size:clamp(1.2rem,4vw,1.8rem)}}@media (min-width:521px) and (max-width:768px){h1{font-size:clamp(4rem,10vw,5rem)}.basic-details{font-size:clamp(1.5rem,5vw,2.2rem)}}@media (min-width:769px){h1{font-size:clamp(5rem,12vw,7rem)}.basic-details{font-size:clamp(2rem,6vw,3rem)}}.main-div{display:flex;flex-direction:column;gap:5rem;padding:5% 5% 0;width:100%}@media (max-width:768px){.main-div{padding:4% 4% 0}.basic-info{align-items:center;padding:4%;text-align:center}}@media (max-width:520px){.main-div{padding:2%}}.first-div{border:1px solid #bfae93;border:1px solid var(--primary-color);border-radius:calc(5px + 2vw);border-radius:var(--border-radius);min-height:80dvh;overflow:hidden}@media (min-width:768px){.first-div{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(2,1fr)}.basic-info{align-items:end;padding:2rem;text-align:end}}@media (max-width:767px){.first-div{display:flex;flex-direction:column-reverse;height:80svh;padding-bottom:2rem}.canvas-div{height:100%}}.basic-info,.canvas-div{display:flex;flex-direction:column;gap:2rem;justify-content:center}.basic-details-div{max-width:40rem}.breaker-div{height:15rem;width:100%}.timeline-main{background:linear-gradient(180deg,#bfae931a,#0000);border-radius:calc(5px + 2vw);border-radius:var(--border-radius);overflow:hidden}.timeline-main>div:not(:last-child){border-bottom:1px solid #ffffff80}.timeline-grid{grid-gap:2rem;color:#d1c5ad;color:var(--secondary-color);cursor:pointer;display:grid;gap:2rem;min-height:150px;opacity:0;padding:2rem;transform:translateY(50px);transition:opacity .6s ease-out,transform .6s ease-out;width:100%}.timeline-grid.in-view{opacity:1;transform:translateY(0)}@media (min-width:768px){.timeline-grid{gap:3rem;grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.timeline-grid{grid-template-columns:1fr;padding:1.5rem .5rem}.timeline-main{padding:.5rem}}.project-title-div{display:flex;flex-direction:column;gap:1rem;justify-content:center}.project-title{color:#d1c5ad;color:var(--secondary-color)}.project-description{align-items:center;color:#acacac;color:var(--muted-color);display:flex;position:relative}.project-techstack{display:flex;flex-direction:row-reverse;flex-wrap:wrap;gap:.8rem;position:absolute;width:100%}.project-techstack img{animation:slideInFromRight .5s ease forwards;aspect-ratio:1/1;opacity:0;transform:translateX(20px);width:1.3rem}@media (min-width:769px){.project-techstack{bottom:-1rem}}@media (max-width:768px){.project-techstack{top:-3rem}}.project-techstack img:first-child{animation-delay:.1s}.project-techstack img:nth-child(2){animation-delay:.2s}.project-techstack img:nth-child(3){animation-delay:.3s}.project-techstack img:nth-child(4){animation-delay:.4s}.project-techstack img:nth-child(5){animation-delay:.5s}.project-techstack img:nth-child(6){animation-delay:.6s}.project-techstack img:nth-child(7){animation-delay:.7s}.project-techstack img:nth-child(8){animation-delay:.8s}@keyframes slideInFromRight{0%{opacity:0;transform:translateX(20px)}to{opacity:1;transform:translateX(0)}}@keyframes slideInFromLeft{0%{opacity:0;transform:translateX(-20px)}to{opacity:1;transform:translateX(0)}}.project-duration{opacity:.4}.project-duration,.project-tags-container{font-size:clamp(.9rem,1.5vw,1.2rem);line-height:.8}.project-tags-container{display:flex;flex-wrap:wrap;gap:.5rem}.project-tag{background-color:#bfae93;background-color:var(--primary-color);border:1px solid #0000;border-radius:20px;color:#0f0f10;color:var(--bg-color);cursor:pointer;font-size:.9rem;padding:.3rem .8rem;transition:all .3s ease;width:-webkit-fit-content;width:fit-content}.project-modal-title{color:#d1c5ad;color:var(--secondary-color);font-size:clamp(2.5rem,5vw,3rem);font-weight:700}#download-resume-button,.load-more-btn{animation:fadeIn .5s ease-out;background:#bfae93;background:var(--primary-color);border:none;border-radius:calc(5px + 2vw);border-radius:var(--border-radius);color:#0f0f10;color:var(--bg-color);cursor:pointer;display:inline-block;font-size:1rem;margin:0 auto;overflow:hidden;padding:.5rem 1.5rem;position:relative;text-decoration:none;transition:all .3s ease;width:-webkit-fit-content;width:fit-content}#download-resume-button:before,.load-more-btn:before{background:linear-gradient(120deg,#0000,#ffffff4d,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:.5s;width:100%}#download-resume-button:hover:before,.load-more-btn:hover:before{left:100%}.modal-backdrop{align-items:center;animation:fadeIn .3s ease forwards;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background-color:#0009;display:flex;height:100vh;justify-content:center;left:0;position:fixed;top:0;width:100vw;z-index:9999}.modal-content{animation:slideUp .3s ease forwards;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#bfae93;background:var(--primary-color);border:1px solid #bfae93;border:1px solid var(--primary-color);border-radius:calc(5px + 2vw);border-radius:var(--border-radius);box-shadow:0 10px 30px #00000040;color:#bfae93;color:var(--primary-color);display:flex;gap:1rem;max-height:80dvh;max-width:1200px;max-width:60rem;overflow-x:hidden;overflow-y:auto;position:relative;width:80%}@media screen and (min-width:769px){.modal-content{flex-direction:row}.modal-information-container{flex:0 0 60%;min-width:0}.modal-image-container{flex:0 0 40%;min-width:0}}@media screen and (max-width:768px){.modal-content{flex-direction:column;height:auto;max-height:90dvh;width:90%}.modal-information-container{flex:none;width:100%}.modal-image-container{flex:none;min-height:300px;width:100%}}.modal-information-container{background:#0f0f10;background:var(--bg-color);border-radius:calc(5px + 2vw);border-radius:var(--border-radius);display:flex;flex-direction:column;gap:1rem;overflow:hidden;padding:2rem}.modal-image-container{align-items:center;display:grid;grid-template-rows:70% 30%;height:400px;margin:auto;overflow:hidden;padding:1rem;position:relative}.modal-image{align-self:center;border-radius:8px;display:none;height:100%;justify-self:center;object-fit:contain;opacity:0;transition:opacity .5s ease-in-out;width:100%}.modal-image.active{display:block;opacity:1}.modal-placeholder-image{align-items:center;background:#bfae931a;color:#bfae93;color:var(--primary-color);display:flex;font-size:1.2rem;height:100%;justify-content:center;width:100%}@media (max-width:768px){.modal-image-container{height:300px}}.modal-close{background:none;border:none;color:#fff;color:var(--text-color);cursor:pointer;font-size:1.5rem;position:absolute;right:1.5rem;top:1rem;transition:color .5s ease;z-index:10001}.modal-close:hover{color:#0f0f10;color:var(--bg-color)}.key-highlights-section{align-items:center;display:flex;flex-direction:column;gap:.5rem;padding:1rem;position:relative}.current-highlight{color:#0f0f10;color:var(--bg-color);font-size:1rem;line-height:1.4;margin:0 0 20px;text-align:center}.highlight-indicators{bottom:.5rem;display:flex;gap:.5rem;justify-content:center;left:50%;position:absolute;transform:translateX(-50%)}.indicator{background:#0f0f1066;border-radius:50%;cursor:pointer;height:8px;transition:all .3s ease;width:8px}.indicator.active{background:#0f0f10;background:var(--bg-color);transform:scale(1.2)}.modal-keypoints{color:#bfae93;color:var(--primary-color);font-size:.95rem;list-style-type:disc;margin-top:-.5rem;padding-left:1.5rem}.modal-keypoints li{margin-bottom:.5rem}.modal-links{display:flex;flex-wrap:wrap;gap:1rem}.modal-link{border:1px solid #bfae93;border:1px solid var(--primary-color);border-radius:5px;color:#bfae93;color:var(--primary-color);padding:.4rem .8rem;text-decoration:none;transition:background-color .2s ease,color .2s ease}.modal-link:hover{background-color:#bfae93;background-color:var(--primary-color);color:#0f0f10;color:var(--bg-color)}.project-modal-description-container{display:flex;flex-direction:column;gap:2rem;height:100%;justify-content:space-evenly}.project-modal-description{color:#acacac;color:var(--muted-color);font-size:1.2rem;margin-top:1rem}.project-modal-techstack{display:flex;flex-wrap:wrap;gap:1rem;width:100%}.project-modal-techstack img{animation:slideInFromLeft 1s ease forwards;aspect-ratio:1/1;cursor:pointer;opacity:0;transform:translateX(20px);width:2.3rem}.basic-socials-div{animation:slideUp 1s ease-out both}.basic-socials-div,.footer-div{align-items:center;display:flex;gap:clamp(2rem,5vw,5rem);justify-content:center}.footer-div{opacity:0;transform:translateY(50px);transition:opacity .6s ease-out,transform .6s ease-out}.footer-div.in-view{opacity:1;transform:translateY(0)}.footer-div{border:1px solid #bfae93;border:1px solid var(--primary-color);border-bottom:none;border-radius:calc(5px + 2vw) calc(5px + 2vw) 0 0;border-radius:var(--border-radius) var(--border-radius) 0 0;height:clamp(4rem,5vw,5rem)}.footer-div img,.socials-div img{aspect-ratio:1/1;transition:transform .3s ease;width:2rem}.footer-div img{width:2.5rem}.socials-div{align-items:center;display:flex;gap:2rem;justify-content:center}.footer-div img:hover,.socials-div img:hover{transform:scale(1.1)}@media (max-width:1320px){.basic-socials-div{flex-direction:column-reverse}}.section-title{margin-bottom:2rem;text-align:center}.resume{background:#bfae93;background:var(--primary-color);border-radius:calc(5px + 2vw);border-radius:var(--border-radius);padding:60px}@media (max-width:768px){.resume{padding:40px}}@media (max-width:520px){.resume{padding:20px}}.resume-item{display:flex;flex-direction:column;gap:5px;width:auto}.resume .resume-item{border-left:2px solid #0f0f10;border-left:2px solid var(--bg-color);margin-top:-2px;opacity:0;padding:0 0 20px 20px;position:relative;transform:translateY(20px);transition:opacity .6s ease-out,transform .6s ease-out}.resume .resume-item.in-view{opacity:1;transform:translateY(0)}.resume .resume-item .circle{aspect-ratio:1/1;background-color:#bfae93;background-color:var(--primary-color);border:2px solid #0f0f10;border:2px solid var(--bg-color);border-radius:50%;left:-.5rem;position:absolute;top:0;width:1rem}.resume .resume-item p em{font-style:italic;font-weight:500}.resume-title{margin:10px 0}.resume .row{display:flex;flex-direction:column}@media (min-width:992px){.resume .row{grid-gap:30px;display:grid;gap:30px;grid-template-columns:1fr 1fr}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.navbar{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(20px);background:#ffffff1a;border:1px solid #ffffff1a;border-radius:calc(5px + 2vw);border-radius:var(--border-radius);left:50%;padding:1rem 2rem;position:fixed;top:2rem;transition:transform .3s ease,opacity .3s ease;z-index:999}.navbar--hidden{opacity:0;pointer-events:none;transform:translateX(-50%) translateY(-120%)}.navbar--visible{opacity:1;pointer-events:auto;transform:translateX(-50%) translateY(0)}.navbar-container{align-items:center;display:flex;justify-content:space-between}.logo{color:#bfae93;color:var(--primary-color);font-size:1.8rem;font-weight:700;letter-spacing:1px}.logo:first-letter{color:#d1c5ad;color:var(--secondary-color);font-size:3rem;font-weight:700;transition:color .3s ease}.nav-links{display:flex;gap:6rem;list-style:none}.nav-links li a{color:#fff;color:var(--text-color);font-size:1rem;position:relative;text-decoration:none;transition:color .3s ease}.nav-links li a:after{background-color:#0f0f10;background-color:var(--bg-color);bottom:-4px;content:"";height:2px;left:0;position:absolute;transition:width .3s ease;width:0}.nav-links li a:hover{color:#0f0f10;color:var(--bg-color)}.nav-links li a:hover:after{width:100%}.menu-toggle{background:none;border:none;color:#fff;color:var(--text-color);cursor:pointer;display:none;font-size:2rem}.mobile-fullscreen-nav{display:none}@media (max-width:768px){.navbar{align-items:center;border-radius:20%;display:flex;justify-content:center;left:4rem;padding:.2rem .5rem;top:3rem}.navbar-container{flex-direction:row}.nav-links{display:none}.menu-toggle{display:block}.mobile-fullscreen-nav{align-items:center;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(10px);background:#ffffff4d;border:1px solid #fff3;border-radius:calc(5px + 2vw);border-radius:var(--border-radius);display:flex;flex-direction:column;gap:2rem;height:100vh;justify-content:center;left:0;opacity:0;padding:2rem;pointer-events:none;position:fixed;top:0;transform:translateY(10px);transition:opacity .4s ease,transform .4s ease;width:100vw;z-index:9999}.mobile-fullscreen-nav.open{opacity:1;pointer-events:auto;transform:translateY(0)}.mobile-fullscreen-nav ul{display:flex;flex-direction:column;gap:3rem;list-style:none;margin:0;padding:0;text-align:center}.mobile-fullscreen-nav li{animation:fadeInUp .5s ease forwards;opacity:0;transform:translateY(20px)}.mobile-fullscreen-nav li:first-child{animation-delay:.2s}.mobile-fullscreen-nav li:nth-child(2){animation-delay:.4s}.mobile-fullscreen-nav li:nth-child(3){animation-delay:.6s}@keyframes fadeInUp{to{opacity:1;transform:translateY(0)}}.mobile-fullscreen-nav li a{color:#fff;color:var(--text-color);font-size:2rem;position:relative;text-decoration:none;transition:color .3s ease}.mobile-fullscreen-nav li a:after{background-color:#0f0f10;background-color:var(--bg-color);bottom:-4px;content:"";height:2px;left:0;position:absolute;transition:width .3s ease;width:0}.mobile-fullscreen-nav li a:hover{color:#0f0f10;color:var(--bg-color)}.mobile-fullscreen-nav li a:hover:after{width:100%}.close-button{align-items:center;background:none;border:none;color:#fff;color:var(--text-color);cursor:pointer;display:flex;font-size:2.5rem;justify-content:center;position:absolute;right:2rem;top:1.5rem;transform:rotate(0deg);transition:transform .3s ease-in-out;z-index:10000}.close-button:hover{transform:rotate(90deg)}}.scroll-hint-wrapper{align-items:center;bottom:8rem;display:flex;justify-content:center;left:50%;pointer-events:none;position:absolute;transform:translate(-50%,-50%);z-index:10}.scroll-hint-icon{border:2px solid #bfae93;border:2px solid var(--primary-color);border-radius:12px;height:40px;position:relative;width:24px}.scroll-hint-icon:after{animation:scroll-dot 1.5s ease-in-out infinite;background-color:#bfae93;background-color:var(--primary-color);border-radius:50%;content:"";height:4px;left:50%;position:absolute;top:8px;transform:translateX(-50%);width:4px}@keyframes scroll-dot{0%{opacity:0;transform:translateX(-50%) translateY(0)}50%{opacity:1;transform:translateX(-50%) translateY(10px)}to{opacity:0;transform:translateX(-50%) translateY(20px)}}
/*# sourceMappingURL=main.779d9075.css.map*/