:root{--background-color: #eeeeee;--chapter-background-color: #b0b0b0;--font-dark-color: #3c3c3c;--font-light-color: #969696;--primary-color: #0A4D68;--secondary-color: #44A9B4;--border-color: #2F757C;--gallery-margin: 16px;--space-section-card-gap: 80px;--radius-card-xl: 40px;--radius-card-lg: 30px;--radius-card-xs: 6px;--radius-pill-lg: 20px;--radius-round: 50%;--shadow-card-soft: rgba(149, 157, 165, .18) 0px 6px 18px;--shadow-elevated: rgba(0, 0, 0, .32) 0px 3px 8px;--z-layer-top: 30;--z-layer-mid: 29}.u-content-grid{width:100%;height:fit-content;display:flex;justify-content:center;align-items:center;flex-wrap:wrap}.u-gap-section{gap:var(--space-section-card-gap)}.u-visually-hidden{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}@media (max-width: 768px){.u-mobile-pos-abs{position:absolute!important}.u-mobile-justify-evenly{justify-content:space-evenly!important}.u-mobile-sidepanel-overlay{height:100%!important;position:absolute!important;z-index:600!important;-webkit-backdrop-filter:blur(12px)!important;backdrop-filter:blur(12px)!important;background:linear-gradient(90deg,#0a4d6880,#0a4d68b2,#0a4d68b2 66%,#0a4d6880)!important}}::-moz-selection{background:#44a9b443}::selection{background:#44a9b443}*{margin:0;padding:0;box-sizing:border-box}body{scroll-behavior:smooth;overflow-x:hidden;font-family:Montserrat,sans-serif}.container{width:100dvw;height:100dvh;background-color:var(--background-color);display:flex;justify-content:center;align-items:center;overflow:hidden}@media screen and (min-width: 1152px) and (max-width: 1344px){.selected-chapter-block{width:20%}.selected-content{width:80%;padding:80px 15vw;padding-bottom:0}.selected-content .circle{transform:translate(-85%,-40%)}.selected-chapter{width:18vw;height:18vw}.selected-chapter h1{font-size:26px}.selected-chapter p{font-size:30px}.selected-chapter:hover{width:19vw;height:19vw}.selected-chapter:hover>h1{font-size:30px}.selected-chapter:hover>p{font-size:34px}.other-chapter{width:8vw;height:8vw}.other-chapter:hover{width:9vw;height:9vw}.project-details p{font-size:15px}.activity-card{width:95%}.card-detail h4{font-size:25px}.chapter-title p:before{left:20%}.chapter-title p:after{right:20%}.courses-title{width:70%}.courses-details{width:68%}.card-circle{transform:translate(calc(47.5vw - 225px))}.card-ellipse{transform:translate(calc(47.5vw - 215px))}}@media (min-width: 960px) and (max-width: 1152px){.selected-chapter-block{width:25%}.selected-content{width:75%;padding:80px 11vw;padding-bottom:0}.selected-content h1{font-size:52px}.selected-content .circle{transform:translate(-130%,-40%)}.selected-chapter{width:19vw;height:19vw}.selected-chapter h1{font-size:24px}.selected-chapter p{font-size:28px}.selected-chapter:hover{width:20vw;height:20vw}.selected-chapter:hover>h1{font-size:28px}.selected-chapter:hover>p{font-size:32px}.other-chapter{width:9vw;height:9vw}.other-chapter:hover{width:10vw;height:10vw}.skills-block{font-size:14px;letter-spacing:1px}.project-details p{font-size:14px}.activity-card{width:96%}.card-detail h4{font-size:24px}.chapter{width:21%}.chapter h1{font-size:48px}.chapter-title{width:21%}.chapter-title p:before{left:20%}.chapter-title p:after{right:20%}.courses-title{width:72%}.courses-details{width:70%}.card-img-row{height:95px}.card-img{width:110px;height:95px}.card-circle{transform:translate(calc(53vw * .96 - 205px - 10px))}.card-ellipse{transform:translate(calc(53vw * .96 - 205px))}.card-detail{height:255px}}@media (min-width: 768px) and (max-width: 960px){:root{--gallery-margin: 10px}.selected-chapter-block{width:25%}.selected-content{width:75%;padding:80px 9vw;padding-bottom:0}.selected-content h1{font-size:42px}.selected-content h3{font-size:28px}.selected-content .circle{transform:translate(-130%,-40%)}.about-phrase{font-size:24px}.selected-chapter{width:22vw;height:22vw}.selected-chapter h1{font-size:22px}.selected-chapter p{font-size:24px}.selected-chapter:hover{width:23vw;height:23vw}.selected-chapter:hover>h1{font-size:26px}.selected-chapter:hover>p{font-size:28px}.other-chapter{width:11vw;height:11vw}.other-chapter p{font-size:14px}.other-chapter:hover{width:12vw;height:12vw}.other-chapter:hover>p{font-size:16px}.skills-block{width:27%;margin-inline:calc(19% / 6);font-size:14px;letter-spacing:1px}.project-img{width:80px;height:80px}.project-details p,.project-details span{font-size:12px}.activity-card{width:98%}.card-detail h4{font-size:22px}.activity-click,.card-detail small,.card-detail span,.card-des{font-size:14px}.chapter-section{width:90%}.chapter{width:22%}.chapter-block h1,.chapter h1{font-size:44px}.title-section{width:90%}.chapter-title{width:22%}.chapter-title p:before{left:18%}.chapter-title p:after{right:18%}.education-row{height:fit-content}.courses-title{width:78%}.courses-details{width:76%}.activity-card{height:280px}.card-img-row{height:75px}.card-img{width:90px;height:75px}.card-circle{transform:translate(calc(55.86vw - 175px))}.card-ellipse{width:50px;transform:translate(calc(55.86vw - 165px))}.card-detail{height:225px}.card-back-img{width:100px;height:100px;top:5%}}@media (min-width: 576px) and (max-width: 768px){:root{--gallery-margin: 10px}.selected-chapter-block{width:100%}.selected-content{width:100%;padding:80px 6vw;padding-bottom:0}.selected-content h1{font-size:48px}.selected-content h3{font-size:28px}.selected-content .circle{transform:translate(-95%,-40%)}.about-phrase{font-size:24px}.selected-chapter{width:44vw;height:44vw}.selected-chapter h1{font-size:32px}.selected-chapter p{font-size:34px}.selected-chapter:hover{width:45vw;height:45vw}.selected-chapter:hover>h1{font-size:34px}.selected-chapter:hover>p{font-size:36px}.other-chapter{width:22vw;height:22vw}.other-chapter p{font-size:22px}.other-chapter:hover{width:23vw;height:23vw}.other-chapter:hover>p{font-size:24px}.skills-block{width:27%;margin-inline:calc(19% / 6);font-size:14px;letter-spacing:1px}.project-img{width:80px;height:80px}.project-details p,.project-details span{font-size:14px}.activity-card{width:96%}.card-detail h4{font-size:22px}.activity-click,.card-detail small,.card-detail span,.card-des{font-size:14px}.chapter-block{flex-direction:unset;flex-wrap:wrap}.chapter-block h2{font-size:44px;width:100%;text-align:center;margin-bottom:0}.chapter-section{width:50%;height:80%;flex-direction:column;justify-content:space-evenly}.chapter{width:100%;height:23%}.chapter-img{width:100%;height:auto;bottom:-80%}.chapter h1{font-size:44px}.chapter p{margin-top:0;height:fit-content;flex-direction:row;right:-10%;bottom:-20%}.about,.photo{font-size:8dvh}.project,.activity{font-size:7.5dvh}.chapter:hover>img{width:110%;bottom:-80%;height:auto}.chapter:hover>p{right:0;bottom:0}.chapter p span{transform:unset}.title-section{width:35%;height:80%;flex-direction:column;justify-content:space-evenly}.chapter-title{width:80%;height:23%;display:flex;flex-direction:column;justify-content:center}.chapter-title p:before{left:18%}.chapter-title p:after{right:18%}.menu-toggle{display:flex}.education-row{height:fit-content}.courses-title{width:78%}.courses-details{width:76%}.about-gallery{min-height:50dvh}.activity-block{justify-content:space-evenly}.card-circle{transform:translate(calc(88vw * .96 - 215px - 10px))}.card-ellipse{width:50px;transform:translate(calc(88vw * .96 - 215px))}}@media (max-width: 576px){:root{--gallery-margin: 4px}.selected-chapter-block{width:100%}.selected-content{width:100%;padding:80px 6vw;padding-bottom:0}.selected-content h1{font-size:34px}.selected-content h3{font-size:26px}.selected-content .circle{transform:translate(-110%,-55%)}.about-quote{font-size:16px}.about-phrase{font-size:24px}.chapter-title h5{font-size:18px}.chapter-title p{font-size:14px}.selected-chapter{width:56vw;height:56vw}.selected-chapter h1{font-size:28px}.selected-chapter p{font-size:30px}.selected-chapter:hover{width:57vw;height:57vw}.selected-chapter:hover>h1{font-size:32px}.selected-chapter:hover>p{font-size:34px}.other-chapter{width:30vw;height:30vw}.other-chapter p{font-size:18px}.other-chapter:hover{width:31vw;height:31vw}.other-chapter:hover>p{font-size:22px}.skills-block{width:40%;margin-inline:5%;font-size:14px;letter-spacing:1px}.experience-card-type{font-size:16px}.experience-card-metadata-row h4{font-size:20px}.experience-card-metadata-row h5{font-size:17px}.experience-card-details p,.experience-card-details-list{font-size:16px}.experience-expand-button{font-size:18px}.experience-card-skills span{font-size:13px}.project-img{width:80px;height:80px}.project-details h5{font-size:22px}.project-details p{font-size:14px}.project-details span{font-size:13px}.activity-card{width:98%}.card-detail h4{font-size:22px}.activity-click,.card-detail small,.card-detail span,.card-des{font-size:14px}.chapter-block{flex-direction:unset;flex-wrap:wrap}.chapter-block h2{font-size:44px;width:100%;text-align:center;margin-bottom:0}.chapter-section{width:65%;height:80%;flex-direction:column;justify-content:space-evenly}.chapter{width:100%;height:23%}.chapter-img{width:100%;height:auto;bottom:-80%}.chapter h1{font-size:44px}.chapter p{margin-top:0;height:fit-content;flex-direction:row;right:-10%;bottom:-20%}.about,.photo{font-size:8dvh}.project,.activity{font-size:7.5dvh}.chapter:hover>img{width:110%;bottom:-80%;height:auto}.chapter:hover>p{right:0;bottom:0}.chapter p span{transform:unset}.title-section{width:25%;height:80%;flex-direction:column;justify-content:space-evenly}.chapter-title{width:80%;height:23%;display:flex;flex-direction:column;justify-content:center}.chapter-title p:before{left:5%}.chapter-title p:after{right:5%}.menu-toggle{display:flex}.education-content span:nth-of-type(1){font-size:16px}.education-content span:nth-of-type(2){font-size:14px}.education-content span:nth-of-type(3){font-size:12px}.education-row{height:fit-content}.courses-title{width:78%}.courses-name{margin-left:5px}.courses-name span:nth-of-type(2){font-size:14px}.courses-details{width:76%}.about-gallery{min-height:40dvh}.experience-card-logo{width:72px;height:72px;left:20px;top:138px}.experience-card-type{right:20px}.experience-card-metadata,.experience-card-details,.experience-card-skills{padding:0 20px}.experience-card-metadata-row{flex-direction:column;align-items:flex-start;justify-content:center;gap:8px;margin-bottom:8px}.experience-card-controls{padding:10px 20px 20px}.project-card{flex-direction:column;height:fit-content;min-height:380px}.project-bgimg{border-bottom-left-radius:0;border-top-right-radius:var(--radius-card-xl);width:100%;height:32%;min-height:calc(380px * .32)}.project-bgimg:before{border-top-right-radius:var(--radius-card-xl);border-bottom-left-radius:0;background:linear-gradient(180deg,#ffffff80,#ffffff80 70%,#fff 90%,#fff)}.project-details{width:100%;height:68%;flex-direction:column;justify-content:space-evenly;align-items:center;padding:10px 15px}.project-details h5{text-align:center}.project-details p{text-align:center;margin:8px 0}.activity-block{justify-content:space-evenly}.card-img-row{height:25%}.card-img{width:100px}.card-circle{transform:translate(calc(86.24vw - 195px))}.card-ellipse{width:50px;transform:translate(calc(86.24vw - 185px))}.card-detail{height:75%;padding-top:40px}.card-back-img{width:100px;height:100px}.card-des-block{height:83%}.gallery-column img{margin:1px 0}}