.chapter-img{transform:translate(-50%);position:absolute;height:100%;left:50%;transition:.25s}.filter{position:absolute;width:100%;height:100%;top:0;left:0;background-color:#0000004d;border-radius:6px;transition:.25s}.chapter h1{color:#fff;font-size:54px;margin:5px 0 0 5px;height:15%;position:absolute}.chapter p{width:fit-content;position:absolute;text-transform:uppercase;right:0;display:flex;flex-direction:column;height:85%;color:var(--background-color);margin-top:20%;transition:.25s}.about,.photo{font-size:9vh}.project{font-size:6.5vh}.activity{font-size:5.5vh}.chapter p span{transform:rotate(90deg) translateY(-25%);text-align:center}.chapter:hover>p{right:10%}.chapter:hover>img{height:110%}.chapter:hover>.filter{background-color:#0006}.chapter-title{width:18%}.title-section{width:80%;display:flex;justify-content:center;align-items:center}.chapter-title{width:18%;text-align:center;margin-top:10px;line-height:2;margin-inline:5px}.chapter-title h5{font-size:20px;color:var(--font-dark-color)}.chapter-title p{font-size:16px;position:relative;color:var(--chapter-background-color)}.chapter-title p:before{content:"";position:absolute;height:1px;background-color:var(--chapter-background-color);width:20%;left:24%;top:50%;transform:translate(-50%,-50%)}.chapter-title p:after{content:"";position:absolute;height:1px;background-color:var(--chapter-background-color);width:20%;right:24%;top:50%;transform:translate(50%,-50%)}.chapter-block{width:100dvw;height:100dvh;justify-content:center;align-items:center;flex-direction:column;display:none;transition:opacity .5s ease-in-out}.container .chapter-block{display:flex;opacity:1}.chapter-block h2{text-transform:uppercase;font-size:48px;color:var(--font-dark-color);margin-bottom:60px}.chapter-section{width:80%;height:60%;display:flex;justify-content:center;align-items:center}.chapter{width:18%;height:100%;border-radius:6px;background-color:var(--chapter-background-color);overflow:hidden;position:relative;margin-inline:5px}.chapter:hover{cursor:pointer}.landing-intro{text-align:center;width:fit-content;transition:opacity .5s ease-in-out;opacity:1;height:100%;display:flex;align-items:center}.landing-intro.fade-out{opacity:0}.landing-intro p{margin:0 auto;letter-spacing:.15em;display:inline-block;font-size:24px;color:var(--font-dark-color)}.type{color:#0000;background:linear-gradient(-90deg,var(--font-dark-color) 5px,#0000 0) 10px 0,linear-gradient(var(--font-dark-color) 0 0) 0 0;background-size:calc(var(--n) * (1ch + .2em)) 200%;-webkit-background-clip:padding-box,text;background-clip:padding-box,text;background-repeat:no-repeat;animation:b .4s infinite steps(1),t calc(var(--n)*.1s) steps(var(--n)) forwards}@keyframes t{0%{background-size:0 200%}}@keyframes b{50%{background-position:0 -100%,0 0}}@keyframes blink-caret{0%,to{border-color:transparent}50%{border-color:var(--primary-color)}}.selected-content h1{font-size:64px;color:var(--font-dark-color);margin-bottom:20px}.selected-content small{color:var(--font-light-color);font-size:16px;padding-left:5px;margin-bottom:50px}.selected-content .circle{width:100px;height:100px;background-color:var(--primary-color);opacity:.3;position:absolute;top:80px;left:18vw;border-radius:50%;transform:translate(-52%,-40%)}.side-chapter{position:relative;border-radius:50%;background:#ffffff40;box-shadow:#64646f33 0 7px 29px;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);text-decoration:none;outline:none;border:none;transition:.5s ease}.selected-chapter{width:16vw;height:16vw;z-index:30;display:flex;justify-content:center;align-items:center;flex-direction:column}.selected-chapter:hover{cursor:pointer;width:17vw;height:17vw;box-shadow:#64646f33 0 7px 29px}.selected-chapter:hover>h1{font-size:32px}.selected-chapter:hover>p{font-size:36px}.other-chapter{width:6vw;height:6vw;transform-origin:right;transition:.25s;box-shadow:#64646f33 0 7px 29px;z-index:29}.other-chapter:hover{cursor:pointer;width:7vw;height:7vw;box-shadow:#64646f33 0 8px 32px}.other-chapter:hover>p{font-size:20px}.selected-chapter h1{font-size:28px;color:#fff;transition:.25s;margin-block:0}.selected-chapter p{color:#fff;transition:.25s;font-size:32px;display:inline-block;padding:0 12px;border-radius:21px;width:fit-content;height:42px;line-height:42px;text-align:center;margin-block:0}.other-chapter p{width:fit-content;position:absolute;color:#fff;font-size:18px;text-align:center;top:50%;left:50%;transform:translate(-50%,-50%);margin-block:0;transition:.25s}.selected-chapter-block{width:16%;height:100dvh;position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center;background-color:var(--primary-color)}.about-school-block{width:100%;height:fit-content;margin-left:35px;border-left:1px solid var(--font-light-color);padding-top:40px;margin-bottom:30px}.education-row{height:70px;transform:translate(-35px)}.education-img{width:70px;height:70px}.education-content{width:calc(100% - 80px);height:fit-content;min-height:70px;display:flex;flex-direction:column;justify-content:space-between;align-items:flex-start}.education-content span:nth-of-type(1){font-weight:600;font-size:18px;color:var(--font-dark-color)}.education-content span:nth-of-type(2){font-size:16px;color:var(--font-dark-color)}.education-content span:nth-of-type(3){font-size:14px;color:var(--font-light-color)}.school-row{width:100%;display:flex;justify-content:flex-start;align-items:center;margin-bottom:40px;flex-wrap:wrap}.courses-row{height:fit-content;min-height:40px;transform:translate(-20px)}.school-img{aspect-ratio:1 / 1;background-position:center;background-repeat:no-repeat;background-size:cover;border-radius:6px;margin-right:10px;background-color:var(--background-color)}.courses-img{width:40px;height:40px}.courses-title{height:fit-content;width:60%;border-radius:6px;padding:10px;font-weight:600;background-color:#dcdcdc;color:var(--font-dark-color);display:flex;justify-content:space-between;align-items:center}.courses-details{width:58%;height:fit-content;transform:translate(calc(2% + 50px));border-bottom-left-radius:6px;border-bottom-right-radius:6px}.courses-name{margin-left:15px;margin-top:30px;display:flex;flex-wrap:wrap;align-items:center}.courses-name span:nth-of-type(1){color:#fff;font-weight:600;background-color:var(--primary-color);width:40px;height:40px;display:inline-block;text-align:center;line-height:40px;border-radius:50%;position:relative;margin-right:10px;font-size:20px}.courses-name span:nth-of-type(2){width:calc(100% - 50px)}.skills-block{width:22%;height:80px;position:relative;border-radius:20px;background-color:#fff;margin:10px 0;margin-inline:1.5%;padding:0 5px;display:flex;justify-content:center;align-items:center;color:var(--font-dark-color);box-shadow:#0000001a 0 4px 12px;text-align:center}.skills-block span{width:40px;height:40px;position:absolute;top:0;left:0;border-radius:20px;background-color:#fff;overflow:hidden;transform:translate(-30%,-40%);background-position:center;background-repeat:no-repeat;background-size:cover}.skills-svg{width:40px;height:40px;position:absolute;top:0;left:0;transform:translate(-30%,-40%);background-color:#fff;border-radius:50%}.skills-svg-cir{fill:transparent;stroke:var(--secondary-color);stroke-dasharray:63;stroke-width:20px;transform:rotate(-90deg);transform-origin:center}.skills-svg text{stroke:#fff}.menu-toggle{width:50px;height:50px;position:absolute;display:none;justify-content:center;align-items:center;top:0;right:0;border-radius:10px;cursor:pointer;overflow:hidden;z-index:601}.menu-toggle span{position:absolute;width:24px;height:3px;background-color:var(--primary-color);border-radius:3px;transition:.5s}.menu-toggle span:nth-child(1){transform:translateY(-10px)}.menu-toggle span:nth-child(2){transform:translateY(10px)}.menu-toggle span:nth-child(2){transition:.25s}.menu-toggle.menu-active span{background-color:#fff}.menu-toggle.menu-active span:nth-child(1){transform:translateY(0) rotate(45deg);transition-delay:.5s}.menu-toggle.menu-active span:nth-child(2){transform:translateY(0) rotate(-45deg);transition-delay:.5s}.menu-toggle.menu-active span:nth-child(3){opacity:0}footer{width:100%;height:fit-content;display:flex;justify-content:center;align-items:center;flex-wrap:wrap;padding:10dvh 0}footer>*{margin-inline:4px}footer h4{width:100%;height:fit-content;font-size:24px;display:inline-block;text-align:center;margin-bottom:30px}footer svg{transition:.25s}footer svg:hover{cursor:pointer;filter:brightness(.6)}footer p{color:var(--font-light-color);font-size:12px;letter-spacing:0}.selected-content{width:84%;height:100dvh;display:flex;justify-content:flex-start;align-items:flex-start;flex-direction:column;padding:80px 18vw;padding-bottom:0;text-align:left;position:relative;overflow-x:hidden;overflow-y:scroll}.selected-content>*{letter-spacing:2px}.about-intro{line-height:2;padding-left:20px;border-left:5px solid var(--border-color);margin-bottom:50px}.selected-content h3{color:var(--primary-color);font-size:32px;margin-bottom:30px}.about-quote{color:var(--font-light-color);border-left:3px solid var(--font-light-color);display:inline-block;height:fit-content;padding:15px 0 15px 20px;font-size:18px;margin:150px auto 180px;position:relative}.about-quote:before{content:url(../../assets/util/quote.svg);width:30px;height:30px;position:absolute;top:0;left:0;padding:3px;background-color:var(--background-color);transform:translate(-50%,-40%)}.about-phrase{color:var(--primary-color);font-size:28px;font-weight:600;margin-inline:auto;margin-bottom:50px;text-align:center}.about-phrase span{box-shadow:inset 0 -16px 0 -3px #44a9b44d}.about-gallery{width:100%;height:fit-content;min-height:60dvh;display:flex;flex-direction:column;flex-wrap:wrap;justify-content:center;align-items:center;margin-bottom:50px}.gallery-img{background-position:center;background-repeat:no-repeat;background-size:cover;margin:calc(var(--gallery-margin) / 2);border-radius:8px}.gallery-img:nth-of-type(1){width:calc(64% - var(--gallery-margin));height:calc(40% - var(--gallery-margin))}.gallery-img:nth-of-type(2){width:calc(64% - var(--gallery-margin));height:calc(60% - var(--gallery-margin))}.gallery-img:nth-of-type(3){width:calc(36% - var(--gallery-margin));height:calc(70% - var(--gallery-margin))}.gallery-img:nth-of-type(4){width:calc(36% - var(--gallery-margin));height:calc(30% - var(--gallery-margin))}.about-skills{width:100%;height:fit-content;display:flex;justify-content:flex-start;align-items:center;flex-wrap:wrap;padding:20px 0;margin-bottom:50px}.skill-phrase{width:100%;height:fit-content;text-align:center;color:var(--font-light-color);font-size:16px;margin-top:25px}.project-content{width:100%;height:280px;border-radius:40px;background-color:#fff;box-shadow:#959da52e 0 6px 18px;margin-bottom:80px;display:flex;position:relative}.project-bgimg{width:32%;height:100%;border-top-left-radius:40px;border-bottom-left-radius:40px;background-position:center;background-repeat:no-repeat;background-size:cover;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);position:relative}.project-bgimg:before{content:"";width:100%;height:100%;background:#fff;background:linear-gradient(90deg,#ffffff80,#ffffff80 60%,#fff 90%,#fff);position:absolute;border-top-left-radius:40px;border-bottom-left-radius:40px;z-index:29}.project-img{width:100px;height:100px;border-radius:50%;background-position:center;background-repeat:no-repeat;background-size:contain;background-color:#fff;position:absolute;top:50%;left:50%;box-shadow:#00000052 0 3px 8px;transform:translate(calc(-50% - 1vw),-50%);z-index:30}.project-details{width:68%;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:flex-start}.project-details h5{font-size:24px;color:var(--primary-color)}.project-details span{font-size:14px;color:var(--font-light-color)}.project-details p{width:95%;display:inline-block;font-size:16px;color:var(--font-dark-color);margin:20px 0;line-height:1.5}.project-details a{text-decoration:none;display:flex}.project-details a svg{margin-right:3px;transition:fill .25s}.project-details a span{color:var(--secondary-color);margin-left:3px;height:18px;transition:.25s}.project-details a:hover{cursor:pointer}.project-details a:hover>svg{fill:#0a4d68}.project-details a:hover>span{color:var(--primary-color)}.project-tag{width:fit-content;height:40px;font-size:14px;position:absolute;top:0;left:0;background-color:var(--secondary-color);color:#fff;padding:0 6px;border-radius:20px;line-height:40px;transform:translate(-30%,-50%);letter-spacing:0}.project-block{width:100%;height:fit-content;display:flex;justify-content:center;align-items:center;flex-wrap:wrap}.skeleton{position:relative;overflow:hidden;width:100%;aspect-ratio:3 / 4;margin:5px 0;border-radius:8px;background-image:linear-gradient(90deg,#e4e4e4,#e0e0e0,#e4e4e4 80px);background-size:600px 104px;animation:shimmer 2s infinite linear}@keyframes shimmer{0%{background-position:-600px 0}to{background-position:600px 0}}.gallery-img-wrapper{position:relative;width:100%}.gallery-column img{width:100%;margin:5px 0;border-radius:8px;transition:.25s}.gallery-column img:hover{cursor:pointer;filter:brightness(.6)}.gallery-column{width:32%;height:fit-content;display:flex;flex-direction:column}.gallery-block{width:100%;height:fit-content;display:flex;justify-content:space-evenly;align-items:flex-start}.show-block{width:100%;height:100%;position:fixed;top:0;right:0;background-color:#000000b3;justify-content:center;align-items:center;flex-direction:column;z-index:50;display:flex;visibility:hidden;opacity:0;transition:visibility 0s linear .15s,opacity .15s linear}.show-block.visible{visibility:visible;opacity:1;transition:visibility 0s linear 0s,opacity .15s linear}.show-nav{width:90%;height:5%;display:flex;justify-content:flex-start;align-items:center}.show-nav-btn{font-size:2.5rem;font-weight:600;background:none;outline:none;border:none;transition:.25s;color:#fff}.show-nav-btn:hover{cursor:pointer;color:var(--font-light-color)}.show-section{width:90%;height:90%;background-position:center;background-repeat:no-repeat;background-size:contain}.notfound-container{width:100vw;height:100vh;display:flex;justify-content:space-between;align-items:center;flex-direction:column;background-color:var(--background-color)}.nav-bar{width:100%;height:60px;background-color:var(--primary-color);margin-bottom:40px;display:flex;justify-content:center;align-items:center}.nav-bar>*{font-weight:600;font-size:18px;letter-spacing:1px;text-decoration:none;color:#fff}.notfound-content{width:100%;height:fit-content;text-align:center}.notfound-content p{width:30%;height:fit-content;padding:30px;background-color:#ddd;color:var(--font-dark-color);margin-inline:auto;border-radius:6px;line-height:1.8;letter-spacing:1px;margin-top:40px}.highlight-span{box-shadow:inset 0 -10px 0 -3px #44a9b44d}@media (min-width: 768px) and (max-width: 960px){.notfound-content p{width:50%}}@media (min-width: 576px) and (max-width: 768px){.notfound-content p{width:65%}}@media (max-width: 576px){.notfound-content p{width:80%}}.activity-card{width:35%;height:350px;margin-inline:35px;margin-bottom:35px;display:flex;justify-content:center;align-items:center;flex-direction:column;background-color:#fff;border-radius:30px;box-shadow:#959da533 0 8px 24px;position:relative;transition:transform .5s;transform-style:preserve-3d;transform:rotateY(0)}.activity-card:hover{cursor:pointer}.activity-card:hover>.card-front{filter:drop-shadow(1px 1px #00000050)}.card-front:hover>span{bottom:20px;opacity:1}.card-rotate{transform:rotateY(180deg)}.activity-click{color:var(--font-light-color);position:absolute;bottom:0;font-size:16px;letter-spacing:0;transition:.25s;opacity:0}.card-front,.card-back{display:flex;flex-direction:column;justify-content:flex-end;align-items:center;width:100%;height:100%;-webkit-backface-visibility:hidden;backface-visibility:hidden;position:relative;border-radius:30px;transition:.25s}.card-img-row{width:100%;height:30%;display:flex;align-items:center}.card-img{width:120px;height:105px;background-color:#fff;background-position:center;background-repeat:no-repeat;background-size:cover;background-color:var(--background-color);border-top-left-radius:30px;border-bottom-right-radius:30px;box-shadow:#0000003d 3px 4px 5px}.card-circle{width:15px;height:15px;background:var(--secondary-color);border-radius:50%;transform:translate(calc(16.8vw - 225px))}.card-ellipse{width:60px;height:15px;background-color:var(--secondary-color);border-radius:7.5px;transform:translate(calc(16.8vw - 215px))}.card-detail{width:100%;height:70%;display:flex;justify-content:flex-start;align-items:center;flex-direction:column;padding-top:40px}.card-detail h4{margin-bottom:5px;font-size:28px;color:var(--primary-color);text-align:center;display:inline-block;width:95%}.card-detail small{font-size:16px;letter-spacing:0;margin-bottom:30px}.card-detail span{width:fit-content;height:40px;background-color:var(--secondary-color);color:#fff;padding:0 8px;border-radius:20px;line-height:40px;letter-spacing:0}.card-back{position:absolute;top:0;border-radius:30px;transform:rotateY(180deg);background-color:var(--secondary-color)}.card-back-img{width:115px;height:115px;background-position:center;background-repeat:no-repeat;background-size:cover;position:absolute;top:3%;border-radius:50%;border:10px solid #fff;box-shadow:#00000059 0 5px 15px}.card-des-block{width:100%;height:80%;display:flex;justify-content:center;align-items:center;border-bottom-left-radius:30px;border-bottom-right-radius:30px;background-color:#fff;--mask: radial-gradient(77.18px at 50% 106px,#000 99%,#0000 101%) calc(50% - 80px) 0/160px 100%, radial-gradient(77.18px at 50% -66px,#0000 99%,#000 101%) 50% 40px/160px 100% repeat-x;-webkit-mask:var(--mask);mask:var(--mask)}.card-des{width:100%;height:60%;transform:translateY(10%);display:flex;justify-content:flex-start;align-items:flex-start;flex-direction:column;letter-spacing:0;line-height:1.5;color:var(--font-dark-color);padding:10px 20px;overflow-y:scroll;scrollbar-color:var(--border-color) transparent;scrollbar-width:thin}.activity-block{width:100%;height:fit-content;display:flex;justify-content:center;align-items:center;flex-wrap:wrap}:root{--background-color: #eeeeee;--chapter-background-color: #b0b0b0;--font-dark-color: #2c2c2c;--font-light-color: #969696;--primary-color: #0A4D68;--secondary-color: #44A9B4;--border-color: #2F757C;--gallery-margin: 16px}::-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){.chapter-title p:before{left:20%}.chapter-title p:after{right:20%}.selected-chapter-block{width:20%}.selected-content{width:80%;padding:80px 15vw}.selected-chapter{width:18vw;height:18vw}.selected-chapter h1{font-size:26px}.selected-chapter p{font-size:30px}.selected-chapter:hover{cursor:pointer;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{cursor:pointer;width:9vw;height:9vw}.courses-title{width:70%}.courses-details{width:68%}.project-details p{font-size:15px}.activity-card{width:45%;margin-inline:10px}.card-circle{transform:translate(calc(22.5vw - 225px))}.card-ellipse{transform:translate(calc(22.5vw - 215px))}.card-detail h4{font-size:25px}.selected-content .circle{transform:translate(-85%,-40%)}}@media (min-width: 960px) and (max-width: 1152px){.chapter{width:21%}.chapter h1{font-size:48px}.chapter-title{width:21%}.chapter-title p:before{left:20%}.chapter-title p:after{right:20%}.selected-chapter-block{width:25%}.selected-content{width:75%;padding:80px 11vw}.selected-content h1{font-size:52px}.selected-chapter{width:19vw;height:19vw}.selected-chapter h1{font-size:24px}.selected-chapter p{font-size:28px}.selected-chapter:hover{cursor:pointer;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{cursor:pointer;width:10vw;height:10vw}.courses-title{width:72%}.courses-details{width:70%}.skills-block{font-size:14px;letter-spacing:1px}.project-details p{font-size:14px}.activity-card{width:46%;margin-inline:10px}.card-img-row{height:95px}.card-img{width:110px;height:95px}.card-circle{transform:translate(calc(24.38vw - 215px))}.card-ellipse{transform:translate(calc(24.38vw - 205px))}.card-detail{height:255px}.card-detail h4{font-size:24px}.selected-content .circle{transform:translate(-130%,-40%)}}@media (min-width: 768px) and (max-width: 960px){:root{--gallery-margin: 10px}.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%}.selected-chapter-block{width:25%}.selected-content{width:75%;padding:80px 9vw}.selected-content h1{font-size:42px}.selected-chapter{width:22vw;height:22vw}.selected-chapter h1{font-size:22px}.selected-chapter p{font-size:24px}.selected-chapter:hover{cursor:pointer;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:hover{cursor:pointer;width:12vw;height:12vw}.other-chapter p{font-size:14px}.other-chapter:hover>p{font-size:16px}.selected-content h3{font-size:28px}.education-row{height:fit-content}.courses-title{width:78%}.courses-details{width:76%}.about-phrase{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:12px}.project-tag{transform:translate(-20%,-50%)}.activity-card{width:48%;height:300px;margin-inline:3px}.card-img-row{height:75px}.card-img{width:90px;height:75px}.card-circle{transform:translate(calc(24.96vw - 175px))}.card-ellipse{width:50px;transform:translate(calc(24.96vw - 165px))}.card-detail{height:225px}.card-detail h4{font-size:22px}.card-detail small,.card-detail span{font-size:14px}.card-back-img{width:100px;height:100px;top:5%}.card-des p{font-size:14px}.selected-content .circle{transform:translate(-130%,-40%)}}@media (min-width: 576px) and (max-width: 768px){:root{--gallery-margin: 10px}.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%}.selected-chapter-block{width:100%;height:100%;position:absolute;z-index:600;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);transform:scaleX(0);background:linear-gradient(90deg,#0a4d6880,#0a4d68b2,#0a4d68b2 66%,#0a4d6880)}.menu-toggle{display:flex}.selected-content{width:100%;padding:80px 6vw}.selected-content h1{font-size:48px}.side-chapter{position:absolute}.selected-chapter{width:44vw;height:44vw}.selected-chapter h1{font-size:32px}.selected-chapter p{font-size:34px}.selected-chapter:hover{cursor:pointer;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:hover{cursor:pointer;width:23vw;height:23vw}.other-chapter p{font-size:22px}.other-chapter:hover>p{font-size:24px}.selected-content h3{font-size:28px}.education-row{height:fit-content}.courses-title{width:78%}.courses-details{width:76%}.about-phrase{font-size:24px}.about-gallery{min-height:50dvh}.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}.project-tag{transform:translate(-20%,-50%)}.activity-block{justify-content:space-evenly}.activity-card{width:46%;margin-inline:3px}.card-circle{transform:translate(calc(40.48vw - 225px))}.card-ellipse{width:50px;transform:translate(calc(40.48vw - 215px))}.card-detail h4{font-size:22px}.card-detail small,.card-detail span,.card-des p{font-size:14px}.selected-content .circle{transform:translate(-95%,-40%)}}@media (max-width: 576px){:root{--gallery-margin: 4px}.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 h5{font-size:18px}.chapter-title p{font-size:14px}.chapter-title p:before{left:5%}.chapter-title p:after{right:5%}.selected-chapter-block{width:100%;height:100%;position:absolute;z-index:600;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);transform:scaleX(0);background:linear-gradient(90deg,#0a4d6880,#0a4d68b2,#0a4d68b2 66%,#0a4d6880)}.menu-toggle{display:flex}.selected-content{width:100%;padding:80px 6vw}.selected-content h1{font-size:36px}.side-chapter{position:absolute}.selected-chapter{width:60vw;height:60vw}.selected-chapter h1{font-size:32px}.selected-chapter p{font-size:34px}.selected-chapter:hover{cursor:pointer;width:61vw;height:61vw}.selected-chapter:hover>h1{font-size:34px}.selected-chapter:hover>p{font-size:36px}.other-chapter{width:30vw;height:30vw}.other-chapter:hover{cursor:pointer;width:31vw;height:31vw}.other-chapter p{font-size:22px}.other-chapter:hover>p{font-size:24px}.selected-content h3{font-size:26px}.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-quote{font-size:16px}.about-phrase{font-size:24px}.about-gallery{min-height:40dvh}.skills-block{width:40%;margin-inline:5%;font-size:14px;letter-spacing:1px}.project-content{flex-direction:column;height:350px}.project-bgimg{border-bottom-left-radius:0;border-top-right-radius:40px;width:100%;height:32%}.project-bgimg:before{border-top-right-radius:40px;border-bottom-left-radius:0;background:linear-gradient(180deg,#ffffff80,#ffffff80 70%,#fff 90%,#fff)}.project-img{width:80px;height:80px}.project-details{width:100%;height:68%;flex-direction:column;justify-content:space-evenly;align-items:center;padding:10px}.project-details p{font-size:14px;margin:0;text-align:center}.project-details span{font-size:14px}.project-tag{transform:translate(-20%,-50%)}.activity-block{justify-content:space-evenly}.activity-card{width:80%;margin-inline:10px}.card-circle{transform:translate(calc(70.4vw - 225px))}.card-ellipse{width:50px;transform:translate(calc(70.4vw - 215px))}.card-detail h4{font-size:22px}.card-detail small,.card-detail span,.card-des p{font-size:14px}.gallery-column img{margin:1px 0}.selected-content .circle{transform:translate(-110%,-55%)}}