:root{--White: #F7FFF9;--Black: #333333;--lGreen: #E4FAED;--lGreenB: #DDF9E7;--Green: #599C74;--GreenT: #20603A;--Yellow: #F6C358;--lGray: #D9D9D9}div{box-sizing:border-box}html,body{font-size:18px;margin:0;padding:0;background-color:var(--White);color:var(--Black);font-family:Open Sans,sans-serif;font-optical-sizing:auto;font-style:normal;font-variation-settings:"wdth" 100}#root{display:flex;flex-direction:column;align-items:center}button{background-color:var(--Green);color:var(--White);border:none;border-radius:5px;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;padding:16px;gap:10px;font-size:18px;font-weight:700;width:max-content;max-width:100%;height:auto;font-family:Montserrat,sans-serif;transition:transform .3s ease}button:disabled{opacity:.5}button:hover{transform:scale(1.05);cursor:pointer}input{border:1px solid var(--lGray);border-radius:5px;padding:12px 16px;font-size:18px}.line{width:1000px;max-width:100vw;height:3px;background-color:var(--lGreen)}h1,h2,h3{margin:0}a{color:var(--GreenT)}.attribution{box-sizing:border-box;padding:16px}body::-webkit-scrollbar{width:12px;height:12px}body::-webkit-scrollbar-thumb{background-color:var(--Green);border-radius:6px}body::-webkit-scrollbar-thumb:hover{background-color:var(--GreenT);cursor:pointer}body::-webkit-scrollbar-track{background-color:var(--White);border-radius:6px}body{scrollbar-width:.75rem;scrollbar-color:var(--Green)}@media(max-width:768px){html,body{font-size:16px}}.logo-title{display:flex;align-items:center;gap:16px;width:max-content}.logo-title img{width:80px;height:80px;object-fit:contain}.logo-title div{display:flex;flex-direction:column}h1{font-size:48px;font-family:Montserrat;margin:0;font-family:Montserrat,sans-serif;font-weight:400}@media(max-width:768px){.logo-title{width:100%;flex-direction:column;gap:0}.logo-title div{align-items:center;text-align:center}}.flip-ant{transform:rotateY(180deg)}.half-opacity{opacity:.5}.hero{display:flex;flex-direction:column;height:100svh;width:100%;max-width:100vw;justify-content:center;align-items:center;padding:32px}.hero .frame10{display:flex;gap:32px;justify-content:center;align-items:center;width:max-content;max-width:100%}.left{display:flex;flex-direction:column;width:max-content;max-width:100%;padding:8px;gap:32px}.hero .right{display:flex;flex-direction:column;min-width:45vw;max-width:100%;height:max-content;padding:8px;gap:16px}.hero .right div:nth-child(1){display:flex;flex-direction:column;gap:10px}.hero .right .yt-video{display:flex;width:100%;max-width:800px;position:relative;padding-bottom:56.25%;justify-content:center;align-items:center;background-color:#d9d9d9}.hero .right .yt-video iframe{width:100%;height:100%;position:absolute;top:0;left:0}.logo-title h2{font-weight:400}.profile-card h2{font-weight:600;color:var(--Black)}h2{font-family:Montserrat,sans-serif;font-size:24px;margin:0;color:var(--GreenT)}.profile-card{display:flex;align-items:center;width:max-content;max-width:100%}.profile-card .frame4{display:flex;padding:1rem;gap:1rem;background-color:#e4faed;border:2px solid #DDF9E7;border-radius:750px 6666px 6666px 750px}.profile-card img{width:311px;height:311px;object-fit:contain}.profile-card .frame4 div:nth-child(1){display:flex;flex-direction:column;gap:8px}.profile-card .frame4 div div{display:flex;flex-direction:column;gap:1rem}.profile-card h3{margin:0;font-size:18px;color:var(--GreenT)}.profile-card ul{margin:0;list-style-position:inside;padding-left:0}.left .width-determiner{display:flex;flex-direction:column;width:max-content;padding:8px;gap:32px;justify-content:center;align-items:center;max-width:100%}.left a{color:var(--White);text-decoration:none}@media(max-width:768px){.hero{padding:1rem;height:100%}.frame10{flex-direction:column;width:100%!important}.left{width:100%;align-items:center}.profile-card .frame4{flex-direction:column;border-radius:5px}.left button{flex-direction:column}.hero .right{width:100%}.hero .right .yt-video{width:100%;height:auto}}.learning-journey{display:flex;flex-direction:column;align-items:center;padding:2rem;width:100%;max-width:100vw}.journey{display:flex;flex-direction:column;position:relative;width:100%;align-items:center;padding:6rem 2rem 2rem}.journey .journey-lines{position:absolute;width:100%;height:100%;top:0;left:0;pointer-events:none;stroke:var(--Yellow);stroke-width:3px;fill:none;z-index:1}.journey .step{width:361px;min-height:96px;background-color:var(--lGreen);border:3px solid var(--lGreenB);border-radius:6666px;display:flex;justify-content:center;align-items:center;z-index:2;font-size:24px;text-align:center;transition:transform .3s ease;padding:.75rem;text-decoration:none}.steps{display:flex;flex-direction:column;position:relative;gap:96px;width:100%;align-items:center;padding:2rem}.steps .step:hover{transform:scale(1.05);cursor:pointer}.steps .step:nth-child(4n+2){margin-left:391px}.steps .step:nth-child(4n+4){margin-right:391px}@media(max-width:768px){.learning-journey{padding:2rem 0 0;gap:1rem}.learning-journey h2{padding:0 .5rem;text-align:center}.steps{gap:1rem;padding:0}.steps .step{width:100px;font-size:12px}.steps .step:nth-child(4n+2){margin-left:0}.steps .step:nth-child(4n+4){margin-right:0}.steps .step:nth-child(odd){margin-left:50px}.steps .step:nth-child(2n){margin-right:50px}}.learning-recap{display:flex;flex-direction:column;align-items:center;max-width:700px;gap:1rem;padding:32px 10px}.learning-recap .recap,.learning-recap ul{display:flex;flex-direction:column;gap:1rem}.skills-container{display:flex;flex-direction:column;align-items:center;gap:24px;padding:16px;width:700px;max-width:100svw}.skills-container .skills{display:flex;flex-direction:column;gap:16px;width:100%}.skills-container .skills .row{display:flex;gap:16px;width:100%}@media(max-width:768px){.skills-container .skills .row{flex-wrap:wrap;justify-content:center}}.all-skills{display:flex;flex-direction:column;align-items:center;gap:1rem;padding:32px 10px;width:100%}.all-skills .section-title{display:flex;justify-content:center;align-items:center;gap:10px}.all-skills .section-title img{width:32px;height:32px;opacity:.5;transition:opacity .3s ease}.all-skills .section-title img:hover{opacity:1;cursor:pointer}.all-skills .section-content{display:flex;justify-content:center;padding:10px}@media(max-width:768px){.all-skills .section-content{flex-direction:column;padding:0}}.card{display:flex;flex-direction:column;align-items:center;width:calc(33.3% - (16px * 2) / 3);gap:10px;padding:16px;background-color:var(--lGreen);transition:transform .3s ease}.card:hover{transform:scale(1.05);cursor:pointer}.card h3{font-size:24px;font-weight:500;text-align:center}.card img{width:95px;height:95px}@media(max-width:768px){.card{width:125px}}#Modal{width:100%;height:100%;background:#00000080;position:fixed;top:0;right:0;z-index:6666;display:flex;align-items:center;justify-content:center}#Modal .popup{display:flex;flex-direction:column;align-items:center;gap:1rem;background-color:var(--White);padding:1rem;padding-bottom:calc(1rem + 18px);border-radius:5px;width:700px}#Modal .close{display:flex;flex-direction:row-reverse;cursor:default;width:100%}#Modal .close div{cursor:pointer;font-weight:700}#Modal .content div{display:flex;flex-direction:column;gap:1rem}.sign-in{display:flex;flex-direction:column;align-items:center;justify-content:center;width:700px;padding:1rem;max-width:100%;min-height:100vh;text-align:justify;line-height:1.5;gap:2rem}.sign-in .options{display:flex;gap:1rem}.sign-in .warning{text-align:center}.setup{display:flex;flex-direction:column;align-items:center;gap:32px;padding:16px;max-width:100vw}.setup .form{display:flex;flex-direction:column;gap:16px;padding:16px 0;width:700px;max-width:100%}.setup h3{font-size:18px;width:100%;text-align:center}.setup .value{display:flex;flex-direction:column;gap:8px}.setup button{padding:8px;width:100%}