@font-face{font-family:Font-Bold;src:url(/portfolio-website/assets/OpenSauceTwo-Bold-B7sy1GIA.ttf)}@font-face{font-family:Font-Light;src:url(/portfolio-website/assets/OpenSauceTwo-Light-D1DbKKkf.ttf)}@font-face{font-family:Font-Medium;src:url(/portfolio-website/assets/OpenSauceTwo-Medium-DTnkSJIu.ttf)}@font-face{font-family:Font-Regular;src:url(/portfolio-website/assets/OpenSauceTwo-Regular-gM62_F1X.ttf)}@font-face{font-family:Font-SemiBold;src:url(/portfolio-website/assets/OpenSauceTwo-SemiBold--e-enRpH.ttf)}.body-container{width:100dvw;position:relative;display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;height:100svh;height:100dvh;overflow-y:auto;overflow-x:hidden;scroll-snap-type:y mandatory;scroll-behavior:smooth;overscroll-behavior-y:contain}.body-container .background-sphere{position:absolute;width:50%;aspect-ratio:1/1;border-radius:50%;z-index:-1;background:radial-gradient(circle at center,#d5dbff,#f8f7f5 70%)}.body-container .background-sphere:nth-of-type(1){top:-15%;right:-15%}.body-container .background-sphere:nth-of-type(2){bottom:-30%;left:-15%}.body-container>.navigation{width:fit-content;position:sticky;top:50px;margin-left:auto;z-index:10;padding-right:7.5rem;display:flex;flex-direction:row;align-items:center;justify-content:space-between}.body-container>.navigation>p{width:fit-content;padding:10px 5px 0 40px;border-top:1px solid var(--main-color);margin:0 15px 0 0;font-family:Font-Regular,"monospace";font-size:13px;transition:all .2s ease-in-out}.body-container>.navigation>p.active-nav{border-top:3px solid var(--main-color)}.body-container>.navigation>p:nth-of-type(4){margin:0}.body-container .section-one,.body-container .section-two,.body-container .section-three,.body-container .section-four{position:relative;scroll-snap-align:start;scroll-snap-stop:always;width:100%;min-height:calc(100dvh - 5.9rem)}.body-container>.section-one{display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;min-height:100dvh;padding:16rem 7.5rem 0}.body-container>.section-one>.text-box{width:100%}.body-container>.section-one>.text-box>h1{font-size:80px;color:var(--main-color);font-family:Font-Medium,"monospace";letter-spacing:-2%}.body-container>.section-one>.text-box>h1>span{color:var(--second-color)}.body-container>.section-one>.text-box>h2{font-family:Font-Regular,"monospace";font-size:40px;color:var(--main-color);letter-spacing:-2%}.body-container>.section-one>.text-box>h3{margin:50px 0 0;width:50%;font-family:Font-Light,"monospace";font-size:25px;color:var(--main-color);letter-spacing:-2%}.body-container>.section-two{display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;padding:10rem 7.5rem 0;position:relative}.body-container>.section-two>h4{margin:0 0 40px;font-family:Font-Light,"monospace";font-size:45px;color:var(--main-color);letter-spacing:-2%}.body-container>.section-two>p{margin:0 0 40px;font-family:Font-Light,"monospace";font-size:16px;color:var(--main-color);letter-spacing:2%}.body-container>.section-two>.social{display:flex;flex-direction:row;width:100%;justify-content:flex-start;align-items:center}.body-container>.section-two>.social>svg{color:var(--third-color);cursor:pointer;transition:all .2s linear;margin:0 15px 0 0%}.body-container>.section-two>.social>svg:hover{color:var(--second-color)}.body-container>.section-two>.social>a{font-family:Font-Regular,"monospace";font-size:14px;cursor:pointer;letter-spacing:2%;color:var(--third-color);transition:all .2s linear;position:relative;margin:0 0 0 50px}.body-container>.section-two>.social>a:hover{color:var(--second-color)}.body-container>.section-two>.social>a:before{content:"";position:absolute;top:50%;left:-50px;width:40px;height:1px;background-color:var(--third-color);animation:ArrowLeftToRightBack 2s infinite ease-in-out}.body-container>.section-three{display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;padding:8rem 7.5rem 0;min-height:calc(100dvh - 3rem);margin:90px 0 0}.body-container>.section-three>h4{margin:0 0 40px;font-family:Font-Light,"monospace";font-size:45px;color:var(--main-color);letter-spacing:-2%}.body-container>.section-three>.projects-container{display:flex;width:100%;max-height:50%;flex-direction:row;align-items:flex-start;justify-content:space-between}.body-container>.section-three>.projects-container>.project-card{width:31%;max-width:31%;height:fit-content;background-color:#fdfdfd;border-radius:.625rem;box-shadow:#0000001a 0 25px 50px -12px;padding:10px;transition:all .2s ease-in-out}.body-container>.section-three>.projects-container>.project-card:hover{box-shadow:#64646f66 0 7px 29px}.body-container>.section-three>.projects-container>.project-card .image{width:100%;aspect-ratio:1/.7;background-color:#d9d9d9;border-radius:.625rem;object-fit:cover}.body-container>.section-three>.projects-container>.project-card .title{margin:10px 5px 0;font-family:Font-Medium,"monospace";font-size:18px;color:var(--main-color);letter-spacing:-4%}.body-container>.section-three>.projects-container>.project-card .description{margin:5px 5px 10px;font-family:Font-Light,"monospace";font-size:14px;color:var(--fourth-color);letter-spacing:-2%;line-height:131%}.body-container>.section-three>.projects-container>.project-card>svg{cursor:pointer;margin:0 0 0 5px}.body-container>.section-three>.projects-container.slide-right{animation:slideRight .4s ease-in-out}.body-container>.section-three>.projects-container.slide-left{animation:slideLeft .4s ease-in-out}.body-container>.section-three>.projects-navigation{width:100%;display:flex;flex-direction:row;justify-content:center;align-items:center;margin:auto 0 -20px}.body-container>.section-three>.projects-navigation>svg{height:14px;min-height:14px;min-width:7px;width:7px;cursor:pointer;color:#0f0f0f;padding:20px;box-sizing:content-box}.body-container>.section-three>.projects-navigation>svg:nth-of-type(2){transform:rotate(180deg)}.body-container>.section-three>.projects-navigation>svg.disabled{color:var(--fourth-color);cursor:not-allowed}.body-container>.section-three>.projects-navigation>.pages{z-index:1;width:fit-content;background-color:#fdfdfd;display:flex;flex-direction:row;justify-content:center;align-items:center;padding:10px;border-radius:1.25rem;margin:0 20px}.body-container>.section-three>.projects-navigation>.pages>p{margin:0 10px;font-size:14px;color:#b6b6b6;font-family:Font-Light,"monospace";transition:all .2s ease-in-out}.body-container>.section-three>.projects-navigation>.pages>p.active-nav{margin:0 60px;position:relative;color:#444;font-family:Font-Medium,"monospace"}.body-container>.section-three>.projects-navigation>.pages>p.active-nav.only-right{margin:0 60px 0 10px}.body-container>.section-three>.projects-navigation>.pages>p.active-nav.only-right:after{content:"";position:absolute;top:50%;right:-50px;width:40px;height:1px;background-color:#444;animation:ArrowLeftToRight .5s ease-in-out}.body-container>.section-three>.projects-navigation>.pages>p.active-nav.only-left{margin:0 10px 0 60px}.body-container>.section-three>.projects-navigation>.pages>p.active-nav.only-left:before{content:"";position:absolute;top:50%;left:-50px;width:40px;height:1px;background-color:#444;animation:ArrowRightToLeft .5s ease-in-out}.body-container>.section-three>.projects-navigation>.pages>p.active-nav:not(.only-right):not(.only-left):before{content:"";position:absolute;top:50%;left:-50px;width:40px;height:1px;background-color:#444;animation:ArrowRightToLeft .5s ease-in-out}.body-container>.section-three>.projects-navigation>.pages>p.active-nav:not(.only-right):not(.only-left):after{content:"";position:absolute;top:50%;right:-50px;width:40px;height:1px;background-color:#444;animation:ArrowLeftToRight .5s ease-in-out}.body-container .section-four{display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;padding:1rem 7.5rem 0;margin:110px 0 0;height:fit-content}.body-container .section-four>h4{margin:0 0 40px;font-family:Font-Light,"monospace";font-size:45px;color:var(--main-color);letter-spacing:-2%}.body-container .section-four .experience-card{width:100%;display:flex;flex-direction:row;position:relative}.body-container .section-four .experience-card .sphere{width:13px;min-width:13px;height:13px;min-height:13px;border-radius:50%;box-shadow:var(--second-color) 0 0 28px 0;z-index:1}.body-container .section-four .experience-card .text-box{display:flex;flex-direction:column;margin:0 0 0 -8px;padding:0 15px 20px 50px;border-left:3px solid;border-image:linear-gradient(to bottom,#cfd4ff,#a7ade4) 1}.body-container .section-four .experience-card .text-box .title{font-family:Font-Medium,"monospace";font-size:18px;color:var(--main-color);letter-spacing:-2%;display:flex;flex-direction:row;justify-content:flex-start;align-items:center;white-space:pre-line;margin:-4px 0 0}.body-container .section-four .experience-card .text-box .title>span:nth-of-type(2){font-family:Font-Light,"monospace";font-size:16px;padding:0 0 0 5px}.body-container .section-four .experience-card .text-box .description{width:100%;margin:5px 0 10px;font-family:Font-Light,"monospace";font-size:14px;color:var(--fourth-color);letter-spacing:0%;line-height:155%}.body-container .section-four .experience-card .text-box .tags{display:flex;flex-direction:row;align-items:center;width:100%;flex-wrap:wrap;gap:3px 3px}.body-container .section-four .experience-card .text-box .tags>p{white-space:nowrap;font-family:Font-Medium,"monospace";font-size:12px;color:var(--second-color);background-color:#f1f0f3;padding:6px 15px;border-radius:2rem;transition:all .2s ease-in-out}.body-container .section-four .experience-card .text-box .tags>p:hover{background-color:#dbdcef}.body-container .section-four .experience-card .date{white-space:nowrap;font-family:Font-Medium,"monospace";font-size:12px;color:var(--main-color);text-transform:uppercase;position:absolute;top:4px;right:0}.body-container .section-four .experience-card:nth-of-type(1) .sphere{background-color:var(--second-color)}.body-container .section-four .experience-card:nth-of-type(2) .sphere{background-color:#838ddc}.body-container .section-four .experience-card:nth-of-type(2) .text-box{border-left:3px solid #A7ADE4;border-image:none}.body-container .section-four .experience-card:nth-of-type(3) .sphere{background-color:#838ddc}.body-container .section-four .experience-card:nth-of-type(3) .text-box{padding:0 15px 0 50px;border-image:linear-gradient(to bottom,#a7ade4,#f8f7f5) 1}.body-container .section-four>p{font-family:Font-Regular,"monospace";font-size:14px;cursor:pointer;letter-spacing:2%;color:var(--third-color);transition:all .2s linear;position:relative;padding:20px 0}.body-container .section-four>p:hover{color:var(--second-color)}@media (max-width: 991px){.body-container>.navigation{padding-right:0;margin:0 auto;top:30px}.body-container>.navigation>p{padding:10px 5px 0}}@media (max-width: 881px){.body-container>.section-one{min-height:calc(100dvh - 3rem);padding:8rem 2rem 0}.body-container>.section-one>.text-box{display:flex;justify-content:center;align-items:flex-start;flex-direction:column}.body-container>.section-one>.text-box>h3{width:80%}.body-container>.section-two{padding:8rem 2rem 0}.body-container>.section-three{padding:8rem 2rem 0}.body-container>.section-three>.projects-container>.project-card .title{margin:5px 5px 0;font-size:17px;letter-spacing:-4%}.body-container>.section-three>.projects-container>.project-card .description{margin:5px 5px 10px;font-size:13px;letter-spacing:-2%;line-height:131%}.body-container>.section-four{padding:1rem 2rem 0}}@media (max-width: 740px){.body-container .background-sphere{width:80%}.body-container .background-sphere:nth-of-type(1){top:-15%;right:-20%}.body-container .background-sphere:nth-of-type(2){bottom:-18%;left:-25%}.body-container>.section-three .projects-container .project-card{width:fit-content;max-width:48%}.body-container>.section-four{overflow-y:auto;padding:2rem 2rem 0;margin:100px 0 0}.body-container>.section-four .experience-card .text-box .title{align-items:flex-start;flex-direction:column}.body-container>.section-four .experience-card .text-box .title>span:nth-of-type(1){display:none}.body-container>.section-four .experience-card .text-box .title>span:nth-of-type(2){padding:0}.body-container>.section-four .experience-card:nth-of-type(1){margin:0}.body-container>.section-four .experience-card:nth-of-type(3){padding:0 0 20px}}@media (max-width: 520px){.body-container{overflow-x:hidden}.body-container>.section-one{padding:10rem 2rem 0}.body-container>.section-one>.text-box>h1{font-size:50px}.body-container>.section-one>.text-box>h2{font-size:25px}.body-container>.section-one>.text-box>h3{width:100%;font-size:15.6px}.body-container>.section-two{padding:6rem 2rem 0}.body-container>.section-two>h4{font-size:28px;margin:0 0 20px}.body-container>.section-two>p{letter-spacing:0%;font-size:15.6px;margin:0 0 20px}.body-container>.section-two>.social{position:absolute;top:6.5rem;right:2rem;margin:0 auto;justify-content:flex-end}.body-container>.section-two>.social>a{display:none;position:relative;margin:0}.body-container>.section-three{padding:6rem 2rem 0;align-items:center}.body-container>.section-three>h4{width:100%;text-align:left;font-size:28px;margin:0 0 20px}.body-container>.section-three .projects-container{justify-content:center}.body-container>.section-three .projects-container .project-card{width:fit-content;max-width:90%;max-height:60dvh;overflow-y:auto}.body-container>.section-three .projects-navigation{width:100%}.body-container>.section-four>h4{font-size:28px}.body-container>.section-four .experience-card .text-box .title>span{margin:5px 0}.body-container>.section-four .experience-card .text-box p{position:static}}@keyframes ArrowRightToLeft{0%{width:0px;left:-10px}to{width:40px;left:-50px}}@keyframes ArrowLeftToRight{0%{width:0px;right:-10px}to{width:40px;right:-50px}}@keyframes ArrowLeftToRightBack{0%{width:0px;right:-10px}50%{width:40px;right:-50px}to{width:0px;right:-10px}}@keyframes slideRight{0%{opacity:0;transform:translate(100px)}to{opacity:1;transform:translate(0)}}@keyframes slideLeft{0%{opacity:0;transform:translate(-300px)}to{opacity:1;transform:translate(0)}}