*{box-sizing:border-box;margin:0;padding:0}#root,.App,body,html{height:100%;margin:0;padding:0}#animated-background{--stripes:repeating-linear-gradient(100deg,#fff,#fff 7%,#0000 10%,#0000 12%,#fff 16%);--rainbow:repeating-linear-gradient(100deg,#c4dfff 10%,#f9d0ff 15%,#c4dfff 20%,#c2eae4 25%,#c4dfff 30%);background-image:var(--stripes),var(--rainbow);background-position:50% 50%,50% 50%;background-size:300%,200%;display:flex;filter:blur(10px) invert(100%);height:100%;-webkit-mask-image:radial-gradient(ellipse at 100% 0,#000 40%,#0000 70%);mask-image:radial-gradient(ellipse at 100% 0,#000 40%,#0000 70%);min-height:100vh;place-content:center;place-items:center;position:fixed;top:0;width:100%;z-index:-1000}#animated-background:after{animation:smoothBg 60s linear infinite;background-attachment:fixed;background-image:var(--stripes),var(--rainbow);background-size:200% 100%;bottom:0;content:"";left:0;mix-blend-mode:difference;position:absolute;right:0;top:0}.homepage-container{align-items:center;background-color:#bddeff;display:flex;gap:2rem;justify-content:flex-start;min-height:100vh;padding:1rem;perspective:3000px;position:relative}.left-image-home{flex-shrink:0;max-height:55vh;object-fit:contain;width:auto}.intro{align-items:center;display:flex;flex-direction:column;height:100vh;justify-content:center;margin-top:-90px}@media (max-width:1479px){.intro{margin-left:10vw}}@media (min-width:1480px){.intro{margin-left:20vw}}.intro h1{font-size:22px;font-weight:400;margin:0;max-width:480px;text-align:center}.button-group{display:flex;flex-direction:column;gap:1rem;margin-left:110px}.common-button{align-items:flex-start;background-color:#92c9ffad;border:4px solid #1088ff;border-radius:12px;color:#000;cursor:pointer;font-size:37px;justify-content:flex-start;padding:40px 180px 40px 80px;text-align:left!important;transform-style:preserve-3d;transition:transform .15s ease;will-change:transform}.common-button:hover{box-shadow:0 4px 8px #0000004d}.button-four{background-color:#92c9ffad;border:4px solid #1088ff;border-radius:12px;color:#000;cursor:pointer;font-size:30px;padding:15px 15px 5px;text-align:center;transform-style:preserve-3d;transition:transform .15s ease;width:130px;will-change:transform}.button-four p{font-size:25px}.button-four:hover{box-shadow:0 4px 8px #0000004d}.highlight{animation:pulse 2.5s infinite;color:#0b93ee;font-weight:700}@keyframes pulse{0%{text-shadow:0 0 5px #1e90ff99}50%{text-shadow:0 0 20px #1e90ff}to{text-shadow:0 0 5px #1e90ff99}}.button-four-row{align-self:center;display:flex;flex-direction:row;gap:1rem}.button-four img{height:70px;object-fit:contain;width:70px}.transition-circle{background-color:#1088ff;border-radius:0;position:fixed;transition:width .5s ease-in-out,height .5s ease-in-out;z-index:9999}.transition-circle,.transition-circle.expanding{height:0;left:50%;top:50%;transform:translate(-50%,-50%);width:0}.transition-circle.expanding{animation:expandFromCenter .5s ease-in-out forwards}.transition-circle.covering{height:100vh;left:50%;top:50%;transform:translate(-50%,-50%);width:100vw}.transition-circle.shrinking{animation:shrinkToCenter .5s ease-in-out forwards;left:50%;top:50%}.experience-container *{box-sizing:border-box;margin:0;padding:0}.experience-container body,.experience-container html{height:100%;overflow-x:hidden}.experience-container #animated-background{--stripes:repeating-linear-gradient(100deg,#fff,#fff 7%,#0000 10%,#0000 12%,#fff 16%);--rainbow:repeating-linear-gradient(100deg,#c4dfff 10%,#f9d0ff 15%,#c4dfff 20%,#c2eae4 25%,#c4dfff 30%);background-image:var(--stripes),var(--rainbow);background-position:50% 50%,50% 50%;background-size:300%,200%;display:flex;filter:blur(10px) invert(100%);height:100%;-webkit-mask-image:radial-gradient(ellipse at 100% 0,#000 40%,#0000 70%);mask-image:radial-gradient(ellipse at 100% 0,#000 40%,#0000 70%);min-height:100vh;place-content:center;place-items:center;position:fixed;top:0;width:100%;z-index:-1000}.experience-container #animated-background:after{animation:smoothBg 60s linear infinite;background-attachment:fixed;background-image:var(--stripes),var(--rainbow);background-size:200% 100%;bottom:0;content:"";left:0;mix-blend-mode:difference;position:absolute;right:0;top:0}@keyframes smoothBg{0%{background-position:0 0,0 0}50%{background-position:100% 100%,100% 100%}to{background-position:0 0,0 0}}.experience-container .text-boxes-container{grid-gap:1rem;display:grid;flex:1 1;gap:1rem;grid-template-columns:1fr 1fr;grid-template-rows:repeat(3,1fr);margin-bottom:1.5rem;max-width:1000px;width:980px}.experience-container .home-exp-container{align-items:center;display:flex;flex-direction:column;justify-content:center;margin-left:0;scale:.9}.experience-container{align-items:center;background-color:#bddeff;display:flex;gap:2rem;justify-content:flex-start;min-height:100vh;overflow:hidden;padding:1rem;perspective:3000px;position:relative}.experience-container .experience-text-box,.experience-container .left-image-e{position:relative;z-index:1}.experience-container .left-image-e{flex-shrink:0;margin-left:100px;max-height:50vh;object-fit:contain;width:auto}.experience-container .experience-text-box1{border:4px solid #1088ff;border-radius:35px;height:10.8rem;padding:1.5rem;text-align:left;width:100%}.experience-container .experience-text-box1,.experience-container .experience-text-box2{background-color:#92c9ffad;color:#000;cursor:pointer;transform-style:preserve-3d;transition:transform .15s ease;will-change:transform}.experience-container .experience-text-box2{align-items:center;border:4px solid #1088ff;border-radius:25px;display:flex;font-size:30px;font-weight:700;height:4rem;justify-content:center;margin-bottom:10px;padding:1rem;width:40%}.experience-container .experience-text-box1:hover,.experience-container .experience-text-box2:hover{box-shadow:0 4px 8px #0000004d}.experience-container .experience-text-box1 .title{font-size:2rem;margin-bottom:.5rem;text-align:left}.experience-container .experience-text-box1 .subtitle{color:#000339;font-size:1.5rem;margin-bottom:1rem;text-align:left}.experience-container .experience-text-box1 .subsubtitle{color:#000339;font-size:1.2rem;text-align:left}.experience-container .experience-text-box1 .date-logo-container{align-items:center;display:flex;justify-content:space-between}.experience-container .experience-text-box1 .fcu-logo{height:1.8rem;margin-right:10px;object-fit:contain;width:auto}.small-logo{border-radius:10px;height:2.6rem;margin-right:15px;object-fit:contain;width:auto}.experience-container .transition-circle2{background-color:#1088ff;border-radius:0;position:fixed;z-index:9999}.experience-container .transition-circle2.covering{height:100vh;left:50%;top:50%;transform:translate(-50%,-50%);width:100vw}.experience-container .transition-circle2.shrinking{animation:shrinkToCenter .5s ease-in-out forwards;left:50%;top:50%}.experience-container .transition-circle2.expanding{animation:expandFromCenter .5s ease-in-out forwards;height:0;left:50%;top:50%;transform:translate(-50%,-50%);width:0}@keyframes expandFromCenter{0%{height:0;transform:translate(-50%,-50%) rotate(0deg);width:0}to{height:200vh;transform:translate(-50%,-50%) rotate(1turn);width:200vw}}.experience-container .transition-circle2.hidden{display:none;height:0;width:0}@media (max-width:768px){.experience-container .text-boxes-container{grid-template-columns:1fr;grid-template-rows:repeat(6,1fr)}.experience-container .left-image-e{margin-left:50px}}.fo-component *{box-sizing:border-box;margin:0;padding:0}.fo-component body,.fo-component html{height:100%;overflow-x:hidden}.fo-animated-background{--stripes:repeating-linear-gradient(100deg,#fff,#fff 7%,#0000 10%,#0000 12%,#fff 16%);--rainbow:repeating-linear-gradient(100deg,#c4dfff 10%,#f9d0ff 15%,#c4dfff 20%,#c2eae4 25%,#c4dfff 30%);background-image:var(--stripes),var(--rainbow);background-position:50% 50%,50% 50%;background-size:300%,200%;display:flex;filter:blur(10px) invert(100%);height:100%;-webkit-mask-image:radial-gradient(ellipse at 100% 0,#000 40%,#0000 70%);mask-image:radial-gradient(ellipse at 100% 0,#000 40%,#0000 70%);min-height:100vh;place-content:center;place-items:center;position:fixed;top:0;width:100%;z-index:-1000}.fo-animated-background:after{animation:fo-smoothBg 60s linear infinite;background-attachment:fixed;background-image:var(--stripes),var(--rainbow);background-size:200% 100%;bottom:0;content:"";left:0;mix-blend-mode:difference;position:absolute;right:0;top:0}@keyframes fo-smoothBg{0%{background-position:0 0,0 0}50%{background-position:100% 100%,100% 100%}to{background-position:0 0,0 0}}.fo-experience-container{align-items:center;background-color:#bddeff;display:flex;gap:2rem;justify-content:center;min-height:100vh;overflow:hidden;padding:1rem;perspective:3000px;position:relative}.fo-left-image{margin-left:50px;margin-right:-40px;max-height:55vh}.fo-left-image,.fo-left-image-small{flex-shrink:0;object-fit:contain;position:relative;width:auto;z-index:1}.fo-left-image-small{margin-left:0;margin-right:-30px;max-height:42vh}.fo-experience-carousel-container{gap:3rem;max-width:1200px;width:100%}.fo-carousel-arrow,.fo-experience-carousel-container{align-items:center;display:flex;justify-content:center}.fo-carousel-arrow{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#1088ff33;border:2px solid #1088ff;border-radius:50%;color:#1088ff;cursor:pointer;min-height:60px;min-width:60px;padding:1.5rem;transform-style:preserve-3d;transition:all .3s ease;will-change:transform}.fo-carousel-arrow:hover{background:#1088ff66;border-color:#06c;box-shadow:0 8px 16px #1088ff4d}.fo-carousel-arrow:active{transform:scale(.95)}.fo-carousel-arrow svg{transition:transform .2s ease}.fo-carousel-arrow:hover svg{transform:scale(1.1)}.fo-experience-text-box{background-color:#92c9ffad;border:4px solid #1088ff;border-radius:35px;color:#000;display:flex;flex-direction:column;justify-content:space-between;max-width:900px;min-height:550px;padding:2rem;position:relative;transform-style:preserve-3d;transition:transform .15s ease;width:100%;will-change:transform}.experience-home-container{margin-bottom:20px;width:700px}.fo-experience-text-box:hover{box-shadow:0 8px 16px #1088ff66;transform:scale(1.1)}.fo-experience-text-box--fading-out{animation:fo-fadeOutText .3s ease-out forwards}.fo-experience-text-box--fading-in{animation:fo-fadeInText .4s ease-in forwards}@keyframes fo-fadeOutText{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-10px)}}@keyframes fo-fadeInText{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.fo-title{font-size:2.2rem;font-weight:700;margin-bottom:.5rem;text-align:center}.fo-subtitle{font-size:1.6rem;margin-bottom:.7rem}.fo-date,.fo-subtitle{color:#000339;font-weight:600;text-align:center}.fo-date{font-size:1.4rem;margin-bottom:1.5rem}.fo-bullet-points{flex-grow:1;list-style:none;margin:1rem 0;padding:0}.fo-bullet-points li{color:#000339;font-size:1.1rem;line-height:1.5;margin-bottom:1rem;padding-left:2rem;position:relative}.fo-bullet-points li:before{color:#1088ff;content:"→";font-size:1.2rem;font-weight:700;left:0;position:absolute}.fo-experience-indicators{border-top:2px solid #1088ff4d;display:flex;gap:.8rem;justify-content:center;margin-top:1.5rem;padding-top:1rem}.fo-indicator-dot{background:#1088ff4d;border:2px solid #0000;border-radius:50%;cursor:pointer;height:12px;transition:all .3s ease;width:12px}.fo-indicator-dot:hover{background:#1088ff99;transform:scale(1.1)}.fo-indicator-dot--active{background:#1088ff;border-color:#06c;box-shadow:0 0 8px #1088ff99;transform:scale(1.3)}.fo-transition-circle{background-color:#1088ff;left:50%;position:fixed;top:50%;transform:translate(-50%,-50%);z-index:9999}.fo-transition-circle--covering{height:100vh;left:50%;top:50%;transform:translate(-50%,-50%);width:100vw}.fo-transition-circle--expanding{animation:expandFromCenter .5s ease-in-out forwards;height:0;left:50%;top:50%;transform:translate(-50%,-50%);width:0}.fo-transition-circle--shrinking{animation:shrinkToCenter .5s ease-in-out forwards;left:50%;top:50%}@keyframes shrinkToCenter{0%{height:100vh;transform:translate(-50%,-50%) rotate(1turn);width:100vw}to{height:0;transform:translate(-50%,-50%) rotate(0deg);width:0}}.fo-transition-circle--hidden{display:none}.home-button-experiences{align-items:center;background-color:#92c9ffad;border:4px solid #1088ff;border-radius:25px;color:#000;cursor:pointer;display:flex;font-size:30px;font-weight:700;height:4rem;justify-content:center;margin:auto auto 10px;padding:1rem;transform-style:preserve-3d;transition:transform .15s ease;width:40%;will-change:transform}.home-button-experiences:hover{box-shadow:0 4px 8px #0000004d}@media (max-width:1024px){.fo-experience-carousel-container{gap:2rem}.fo-carousel-arrow{min-height:50px;min-width:50px;padding:1rem}.fo-experience-text-box{min-height:350px;padding:1.5rem}.fo-title{font-size:1.8rem}.fo-subtitle{font-size:1.4rem}}@media (max-width:768px){.fo-experience-container{flex-direction:column;gap:1rem;padding:1rem .5rem}.fo-experience-carousel-container{flex-direction:column;gap:1.5rem;width:95%}.fo-carousel-arrow{display:none}.fo-experience-text-box{max-width:100%;min-height:300px;padding:1.2rem}.fo-title{font-size:1.6rem}.fo-subtitle{font-size:1.2rem}.fo-bullet-points li{font-size:1rem}.fo-experience-indicators{gap:1rem}.fo-indicator-dot{height:14px;width:14px}}@media (max-width:480px){.fo-experience-text-box{min-height:250px;padding:1rem}.fo-title{font-size:1.4rem}.fo-subtitle{font-size:1.1rem}.fo-bullet-points li{font-size:.9rem;margin-bottom:.8rem}}.skills-wrapper{align-items:center;box-sizing:border-box;display:flex;flex-direction:column;justify-content:center;min-height:100vh;padding:40px 20px;width:100%}body{overflow:hidden}.skills-title{border-bottom:4px solid #108cb9;font-size:2.5rem;font-weight:700;margin-bottom:32px;padding-bottom:8px}.skill-section{margin-bottom:20px;margin-left:auto;margin-right:auto;max-width:1100px;width:100%}.section-header{font-size:1.5rem;font-weight:600;margin-bottom:16px;text-align:center}.section-header span{border-bottom:2px solid #108cb9;display:inline-block;padding-bottom:4px}.skill-grid{display:flex;flex-wrap:wrap;gap:16px;justify-content:center;width:100%}.skill-box,.skill-item{align-items:center;display:flex;flex-direction:column;position:relative}.skill-box{background-color:#fff;border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 1px 3px #0000001a;cursor:pointer;font-weight:600;height:120px;justify-content:center;transition:all .3s ease;width:120px;z-index:1}.skill-box:hover{box-shadow:0 4px 8px #00000026;transform:translateY(-2px)}.skill-box.selected{background-color:#aeeaff;box-shadow:0 4px 12px #10b98166;transform:translateY(-2px)}.skill-box.selected,.skill-box.selected:hover{border-color:#108cb9;border-width:.15em}.skill-box img{height:50px;margin-bottom:10px;object-fit:contain;transition:filter .3s ease;width:50px}.skill-details{animation:slideDown .3s ease-out;background:#fff;border:2px solid #108cb9;border-radius:12px;box-shadow:0 8px 25px #00000026;left:50%;max-width:90vw;padding:20px;position:absolute;top:130px;transform:translateX(-50%);width:390px;z-index:10}.skill-section:nth-child(4) .skill-details{animation:slideUp .3s ease-out}@keyframes slideDown{0%{opacity:0;transform:translateX(-50%) translateY(-10px)}to{opacity:1;transform:translateX(-50%) translateY(0)}}@keyframes slideUp{0%{opacity:0;transform:translateX(-50%) translateY(10px)}to{opacity:1;transform:translateX(-50%) translateY(0)}}.skill-details h3{border-bottom:2px solid #108cb9;color:#108cb9;font-size:1.4rem;font-weight:700;margin:0 0 12px;padding-bottom:8px}.skill-details p{color:#374151;font-size:.95rem;line-height:1.6;margin-bottom:16px}.projects-section h4{color:#1f2937;font-size:1.1rem;font-weight:600;margin:0 0 8px}.projects-section ul{list-style:none;margin:0;padding:0}.projects-section li{color:#4b5563;font-size:.9rem;padding:4px 0 4px 16px;position:relative}.projects-section li:before{color:#108cb9;content:"▸";font-weight:700;left:0;position:absolute}@media (max-width:768px){.skill-details{padding:16px;width:280px}.skill-details h3{font-size:1.2rem}.skill-details p{font-size:.9rem}}.skill-item:not(:last-child){margin-bottom:20px}.skill-section:has(.skill-details){margin-bottom:20px}.home-button-top-left{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#92c9ffad;border:2px solid #1088ff;border-radius:8px;box-shadow:0 2px 10px #0000001a;color:#000;cursor:pointer;font-size:1.3rem;font-weight:600;left:20px;padding:10px 20px;position:fixed;top:20px;transition:all .3s ease;z-index:1000}.home-button-top-left:hover{box-shadow:0 4px 15px #108cb94d;transform:translateY(-2px)}.home-button-top-left:active{transform:translateY(0)}@media (max-width:768px){.home-button-top-left{font-size:.9rem;left:15px;padding:8px 16px;top:15px}}.clickable-project{color:#007bff;cursor:pointer;text-decoration:underline;transition:color .3s ease}.clickable-project:hover{color:#0056b3;text-decoration:none}.project-container *{box-sizing:border-box;margin:0;padding:0}.project-container body,.project-container html{height:100%;overflow-x:hidden}.project-container #project-animated-background{--stripes:repeating-linear-gradient(100deg,#fff,#fff 7%,#0000 10%,#0000 12%,#fff 16%);--rainbow:repeating-linear-gradient(100deg,#c4dfff 10%,#f9d0ff 15%,#c4dfff 20%,#c2eae4 25%,#c4dfff 30%);background-image:var(--stripes),var(--rainbow);background-position:50% 50%,50% 50%;background-size:300%,200%;display:flex;filter:blur(10px) invert(100%);height:100%;-webkit-mask-image:radial-gradient(ellipse at 100% 0,#000 40%,#0000 70%);mask-image:radial-gradient(ellipse at 100% 0,#000 40%,#0000 70%);min-height:100vh;place-content:center;place-items:center;position:fixed;top:0;width:100%;z-index:-1000}.project-container #project-animated-background:after{animation:project-smoothBg 60s linear infinite;background-attachment:fixed;background-image:var(--stripes),var(--rainbow);background-size:200% 100%;bottom:0;content:"";left:0;mix-blend-mode:difference;position:absolute;right:0;top:0}@keyframes project-smoothBg{0%{background-position:0 0,0 0}50%{background-position:100% 100%,100% 100%}to{background-position:0 0,0 0}}.project-container .project-text-boxes-container{grid-gap:1.5rem;display:grid;flex:1 1;gap:1.5rem;grid-template-columns:1fr 1fr 1fr;grid-template-rows:1fr 1fr;margin-bottom:1.5rem;max-width:1400px;width:1380px}.project-experience-container{align-items:center;display:flex;height:100vh;justify-content:center;width:100vw}.project-home-exp-container{align-items:center;display:flex;flex-direction:column;justify-content:center;scale:.9}.project-container .project-experience-text-box,.project-container .project-left-image-e{position:relative;z-index:1}.project-container .project-experience-text-box1{border:4px solid #1088ff;border-radius:35px;flex-direction:column;gap:.8rem;height:23rem;justify-content:flex-start;padding:1.5rem;text-align:center;width:100%}.project-container .project-experience-text-box1,.project-container .project-experience-text-box2{align-items:center;background-color:#92c9ffad;color:#000;cursor:pointer;display:flex;transform-style:preserve-3d;transition:transform .15s ease;will-change:transform}.project-container .project-experience-text-box2{border:4px solid #1088ff;border-radius:25px;font-size:30px;font-weight:700;height:4rem;justify-content:center;margin-bottom:10px;padding:1rem;width:40%}.project-container .project-experience-text-box1:hover,.project-container .project-experience-text-box2:hover{box-shadow:0 4px 8px #0000004d}.project-container .project-button-image{border-radius:10px;height:13.2rem;margin-bottom:.5rem;max-width:24rem;object-fit:cover;object-position:center;width:100%}.project-container .project-experience-text-box1 .project-title{font-size:1.4rem;font-weight:700;line-height:1.2;margin-bottom:.3rem;text-align:center}.project-container .project-experience-text-box1 .project-description{align-items:center;color:#000339;display:flex;flex-grow:1;font-size:1rem;justify-content:center;line-height:1.3;margin:0;text-align:center}.project-container .project-transition-circle2{background-color:#1088ff;border-radius:0;position:fixed;z-index:9999}.project-container .project-transition-circle2.project-covering{height:100vh;left:50%;top:50%;transform:translate(-50%,-50%);width:100vw}.project-container .project-transition-circle2.project-shrinking{animation:project-shrinkToCenter .5s ease-in-out forwards;left:50%;top:50%}@keyframes project-shrinkToCenter{0%{height:100vh;transform:translate(-50%,-50%) rotate(1turn);width:100vw}to{height:0;transform:translate(-50%,-50%) rotate(0deg);width:0}}.project-container .project-transition-circle2.project-expanding{animation:project-expandFromCenter .5s ease-in-out forwards;height:0;left:50%;top:50%;transform:translate(-50%,-50%);width:0}@keyframes project-expandFromCenter{0%{height:0;transform:translate(-50%,-50%) rotate(0deg);width:0}to{height:200vh;transform:translate(-50%,-50%) rotate(1turn);width:200vw}}.project-container .project-transition-circle2.project-hidden{display:none;height:0;width:0}@media (max-width:1400px){.project-container .project-text-boxes-container{grid-template-columns:1fr 1fr;grid-template-rows:repeat(3,1fr);max-width:1000px;width:980px}.project-container .project-experience-text-box1{height:20rem}.project-container .project-button-image{height:10rem}}@media (max-width:768px){.project-container .project-text-boxes-container{grid-template-columns:1fr;grid-template-rows:repeat(6,1fr);max-width:500px;width:90%}.project-container .project-experience-text-box1{height:18rem}.project-container .project-button-image{height:8rem}}.ProjectsList-component *{box-sizing:border-box;margin:0;padding:0}.ProjectsList-component body,.ProjectsList-component html{height:100%;overflow-x:hidden}.ProjectsList-animated-background{--stripes:repeating-linear-gradient(100deg,#fff,#fff 7%,#0000 10%,#0000 12%,#fff 16%);--rainbow:repeating-linear-gradient(100deg,#c4dfff 10%,#f9d0ff 15%,#c4dfff 20%,#c2eae4 25%,#c4dfff 30%);background-image:var(--stripes),var(--rainbow);background-position:50% 50%,50% 50%;background-size:300%,200%;display:flex;filter:blur(10px) invert(100%);height:100%;-webkit-mask-image:radial-gradient(ellipse at 100% 0,#000 40%,#0000 70%);mask-image:radial-gradient(ellipse at 100% 0,#000 40%,#0000 70%);min-height:100vh;place-content:center;place-items:center;position:fixed;top:0;width:100%;z-index:-1000}.ProjectsList-animated-background:after{animation:ProjectsList-smoothBg 60s linear infinite;background-attachment:fixed;background-image:var(--stripes),var(--rainbow);background-size:200% 100%;bottom:0;content:"";left:0;mix-blend-mode:difference;position:absolute;right:0;top:0}@keyframes ProjectsList-smoothBg{0%{background-position:0 0,0 0}50%{background-position:100% 100%,100% 100%}to{background-position:0 0,0 0}}.ProjectsList-experience-container{align-items:center;background-color:#bddeff;display:flex;gap:2rem;justify-content:center;min-height:100vh;overflow:hidden;padding:1rem;perspective:3000px;position:relative}.ProjectsList-left-image{flex-shrink:0;margin-left:50px;max-height:50vh;object-fit:contain;position:relative;width:auto;z-index:1}.ProjectsList-experience-carousel-container{align-items:center;display:flex;gap:3rem;justify-content:center;max-width:1900px;width:100%}.ProjectsList-carousel-arrow{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#1088ff33;border:2px solid #1088ff;border-radius:50%;color:#1088ff;cursor:pointer;display:flex;justify-content:center;min-height:60px;min-width:60px;padding:1.5rem;transform-style:preserve-3d;transition:all .3s ease;will-change:transform}.ProjectsList-carousel-arrow:hover{background:#1088ff66;border-color:#06c;box-shadow:0 8px 16px #1088ff4d}.ProjectsList-carousel-arrow:active{transform:scale(.95)}.ProjectsList-carousel-arrow svg{transition:transform .2s ease}.ProjectsList-carousel-arrow:hover svg{transform:scale(1.1)}.ProjectsList-experience-text-box{background-color:#92c9ffad;border:4px solid #1088ff;border-radius:35px;color:#000;display:flex;flex-direction:column;justify-content:space-between;max-height:660px;max-width:100%;min-height:200px;overflow:hidden;padding:2rem;position:relative;transform-style:preserve-3d;transition:transform .15s ease;width:100%;will-change:transform}.ProjectsList-experience-home-container{margin-bottom:20px;width:1200px}.ProjectsList-experience-text-box:hover{box-shadow:0 8px 16px #1088ff66;transform:scale(1.1)}.ProjectsList-three-column-layout{grid-gap:2rem;display:grid;flex-grow:1;gap:2rem;grid-template-columns:1fr 1.3fr 1fr;min-height:0;overflow:hidden}.ProjectsList-left-column{align-items:center;border-right:2px solid #1088ff4d;display:flex;flex-direction:column;min-height:0;overflow:hidden;padding:1rem;text-align:center}.ProjectsList-title{color:#000339;font-size:1.8rem;font-weight:700;margin-bottom:.5rem}.ProjectsList-subtitle{color:#000339;font-size:1.3rem;font-weight:600;margin-bottom:1rem}.ProjectsList-date-link{color:#000339;font-size:1.1rem;font-weight:500;margin-bottom:1.5rem}.ProjectsList-github-link{color:#1088ff;font-weight:600;text-decoration:none;transition:color .2s ease}.ProjectsList-github-link:hover{color:#06c;text-decoration:underline}.ProjectsList-tech-stack{display:flex;flex-direction:column;flex-grow:1;overflow:hidden;width:100%}.ProjectsList-tech-title{color:#000339;flex-shrink:0;font-size:1.2rem;font-weight:600;margin-bottom:1rem;text-align:center}.ProjectsList-tech-grid{grid-gap:.8rem;display:grid;flex-grow:0.5;gap:.8rem;grid-template-columns:repeat(2,1fr);margin-top:1rem;overflow-y:auto}.ProjectsList-tech-item{align-items:center;background:#ffffff4d;border:2px solid #1088ff33;border-radius:15px;display:flex;flex-direction:column;padding:.8rem;transition:all .3s ease}.ProjectsList-tech-item:hover{background:#ffffff80;border-color:#1088ff}.ProjectsList-tech-icon{font-size:1.5rem;margin-bottom:.3rem}.ProjectsList-tech-name{color:#000339;font-size:.9rem;font-weight:600}.ProjectsList-middle-column{border-right:2px solid #1088ff4d;display:flex;flex-direction:column;min-height:0;overflow:hidden;padding:1rem}.ProjectsList-details-title{color:#000339;flex-shrink:0;font-size:1.2rem;font-weight:600;margin-bottom:1rem;text-align:center}.ProjectsList-bullet-points{flex-grow:1;list-style:none;margin:0;overflow-y:auto;padding:0}.ProjectsList-bullet-points li{color:#000339;font-size:1rem;line-height:1.5;margin-bottom:1rem;padding-left:2rem;position:relative}.ProjectsList-bullet-points li:before{color:#1088ff;content:"→";font-size:1.2rem;font-weight:700;left:0;position:absolute}.ProjectsList-right-column{display:flex;flex-direction:column;min-height:0;overflow:hidden;padding:1rem}.ProjectsList-images-title{color:#000339;flex-shrink:0;font-size:1.2rem;font-weight:600;margin-bottom:1rem;text-align:center}.ProjectsList-project-images{display:flex;flex-direction:column;flex-grow:1;gap:1rem;min-height:0;overflow-y:auto}.ProjectsList-image-container{align-items:center;background:#fff3;border:2px solid #1088ff33;border-radius:15px;display:flex;flex-direction:column;padding:1rem;transition:all .3s ease}.ProjectsList-image-container:hover{background:#fff6;border-color:#1088ff}.ProjectsList-project-image{border:1px solid #1088ff4d;border-radius:10px;cursor:pointer;height:150px;max-width:280px;object-fit:cover;transition:all .3s ease;width:100%}.ProjectsList-project-image:hover{border-color:#1088ff;transform:scale(1.05)}.ProjectsList-image-caption{color:#000339;font-size:.9rem;font-weight:500;margin-top:.5rem;text-align:center}.ProjectsList-image-modal{align-items:center;animation:ProjectsList-modalFadeIn .3s ease-out;background:#000000e6;display:flex;height:100vh;justify-content:center;left:0;position:fixed;top:0;width:100vw;z-index:10000}@keyframes ProjectsList-modalFadeIn{0%{opacity:0}to{opacity:1}}.ProjectsList-modal-content{max-height:90vh;max-width:90vw;position:relative}.ProjectsList-modal-close,.ProjectsList-modal-content{align-items:center;display:flex;justify-content:center}.ProjectsList-modal-close{background-color:#92c9ffad;border:4px solid #1088ff;border-radius:25px;color:#fff;cursor:pointer;height:40px;position:absolute;right:auto;top:-50px;transition:all .3s ease;width:140px;z-index:10001}.ProjectsList-modal-close:hover{transform:scale(1.1)}.ProjectsList-modal-nav{align-items:center;background-color:#92c9ffad;border:4px solid #1088ff;border-radius:50%;color:#fff;cursor:pointer;display:flex;height:50px;justify-content:center;position:absolute;top:50%;transform:translateY(-50%);transition:all .3s ease;width:50px;z-index:10001}.ProjectsList-modal-nav:hover{transform:translateY(-50%) scale(1.1)}.ProjectsList-modal-nav--left{left:-70px}.ProjectsList-modal-nav--right{right:-70px}.ProjectsList-modal-image-container{align-items:center;display:flex;flex-direction:column;max-height:100%;max-width:100%}.ProjectsList-modal-image{border-radius:15px;box-shadow:0 10px 30px #00000080;max-height:70vh;max-width:80vw;object-fit:contain}.ProjectsList-modal-caption{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000000b3;border-radius:10px;color:#fff;margin-top:1rem;padding:1rem;text-align:center}.ProjectsList-modal-caption h3{color:#1088ff;font-size:1.2rem;margin-bottom:.5rem}.ProjectsList-modal-caption p{color:#ccc;font-size:.9rem}.ProjectsList-experience-text-box--fading-out{animation:ProjectsList-fadeOutText .3s ease-out forwards}.ProjectsList-experience-text-box--fading-in{animation:ProjectsList-fadeInText .4s ease-in forwards}@keyframes ProjectsList-fadeOutText{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-10px)}}@keyframes ProjectsList-fadeInText{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.ProjectsList-experience-indicators{border-top:2px solid #1088ff4d;display:flex;gap:.8rem;justify-content:center;margin-top:1.5rem;padding-top:1rem}.ProjectsList-indicator-dot{background:#1088ff4d;border:2px solid #0000;border-radius:50%;cursor:pointer;height:12px;transition:all .3s ease;width:12px}.ProjectsList-indicator-dot:hover{background:#1088ff99;transform:scale(1.1)}.ProjectsList-indicator-dot--active{background:#1088ff;border-color:#06c;box-shadow:0 0 8px #1088ff99;transform:scale(1.3)}.ProjectsList-transition-circle{background-color:#1088ff;left:50%;position:fixed;top:50%;transform:translate(-50%,-50%);z-index:9999}.ProjectsList-transition-circle--covering{height:100vh;left:50%;top:50%;transform:translate(-50%,-50%);width:100vw}.ProjectsList-transition-circle--expanding{animation:ProjectsList-expandFromCenter .5s ease-in-out forwards;height:0;left:50%;top:50%;transform:translate(-50%,-50%);width:0}@keyframes ProjectsList-expandFromCenter{0%{height:0;transform:translate(-50%,-50%) rotate(0deg);width:0}to{height:100vh;transform:translate(-50%,-50%) rotate(1turn);width:100vw}}.ProjectsList-transition-circle--shrinking{animation:ProjectsList-shrinkToCenter .5s ease-in-out forwards;left:50%;top:50%}@keyframes ProjectsList-shrinkToCenter{0%{height:100vh;transform:translate(-50%,-50%) rotate(1turn);width:100vw}to{height:0;transform:translate(-50%,-50%) rotate(0deg);width:0}}.ProjectsList-transition-circle--hidden{display:none}.ProjectsList-home-button-experiences{align-items:center;background-color:#92c9ffad;border:4px solid #1088ff;border-radius:25px;color:#000;cursor:pointer;display:flex;font-size:30px;font-weight:700;height:4rem;justify-content:center;margin:auto auto 10px;padding:1rem;transform-style:preserve-3d;transition:transform .15s ease;width:30%;will-change:transform}.ProjectsList-home-button-experiences:hover{box-shadow:0 4px 8px #0000004d}@media (max-width:1024px){.ProjectsList-experience-carousel-container{gap:2rem}.ProjectsList-carousel-arrow{min-height:50px;min-width:50px;padding:1rem}.ProjectsList-experience-text-box{min-height:600px;padding:1.5rem}.ProjectsList-experience-home-container{width:1200px}.ProjectsList-three-column-layout{gap:1.5rem}.ProjectsList-tech-grid{grid-template-columns:1fr}.ProjectsList-title{font-size:1.6rem}.ProjectsList-subtitle{font-size:1.2rem}}@media (max-width:768px){.ProjectsList-experience-container{flex-direction:column;gap:1rem;padding:1rem .5rem}.ProjectsList-left-image{margin-left:0;max-height:30vh}.ProjectsList-experience-carousel-container{flex-direction:column;gap:1.5rem;width:95%}.ProjectsList-carousel-arrow{display:none}.ProjectsList-experience-home-container{width:100%}.ProjectsList-experience-text-box{max-width:100%;min-height:500px;padding:1.2rem}.ProjectsList-three-column-layout{gap:1.5rem;grid-template-columns:1fr;grid-template-rows:auto auto auto}.ProjectsList-left-column,.ProjectsList-middle-column{border-bottom:2px solid #1088ff4d;border-right:none;padding-bottom:1rem}.ProjectsList-right-column{border-bottom:none}.ProjectsList-title{font-size:1.4rem}.ProjectsList-subtitle{font-size:1.1rem}.ProjectsList-bullet-points li{font-size:.95rem}.ProjectsList-project-images{max-height:300px}.ProjectsList-project-image{height:120px}.ProjectsList-experience-indicators{gap:1rem}.ProjectsList-indicator-dot{height:14px;width:14px}}@media (max-width:480px){.ProjectsList-experience-text-box{min-height:450px;padding:1rem}.ProjectsList-three-column-layout{gap:1rem}.ProjectsList-title{font-size:1.3rem}.ProjectsList-subtitle{font-size:1rem}.ProjectsList-bullet-points li{font-size:.9rem;margin-bottom:.8rem}.ProjectsList-tech-name{font-size:.8rem}.ProjectsList-tech-icon{font-size:1.3rem}.ProjectsList-project-image{height:100px}.ProjectsList-modal-nav--left{left:-40px}.ProjectsList-modal-nav--right{right:-40px}.ProjectsList-modal-nav{height:40px;width:40px}.ProjectsList-modal-image{max-height:60vh;max-width:90vw}.ProjectsList-modal-close{height:35px;right:0;top:-40px;width:35px}.ProjectsList-modal-caption{margin-top:.5rem;padding:.8rem}.ProjectsList-modal-caption h3{font-size:1rem}.ProjectsList-image-caption,.ProjectsList-modal-caption p{font-size:.8rem}}
/*# sourceMappingURL=main.229972c0.css.map*/