@import"https://fonts.googleapis.com/css2?family=Nunito:wght@400;700&display=swap";@import"https://fonts.googleapis.com/css2?family=Caveat:wght@600&display=swap";*{margin:0;padding:0;box-sizing:border-box;font-family:Nunito,sans-serif;background:#121212;color:#fff}.bars{display:none}#INDEX{display:flex;flex-direction:column}header{background:#262626}.sub-title{font-size:3.75rem;font-weight:800;margin-left:1.6vw;margin-bottom:1.6vw}nav{margin-left:10%;margin-right:10%;padding:0 2.9vw;background:#262626}nav ul{background:#262626}nav ul li{background:#262626}nav ul li a{background:#262626;padding-left:10px}.nav{display:flex;justify-content:space-between;align-items:center;margin-bottom:1vh}.logo{max-height:8vh;width:auto;height:auto;max-width:100%;object-fit:contain;display:block;margin-top:.3vh;background:#262626}.nav-menu li{list-style:none}.nav-link{text-decoration:none;color:#fff;font-weight:600;font-size:1.2rem;position:relative}.nav-link:after{content:"";width:0;height:.3vh;background:#00bcd4;left:0;bottom:-.6vh;transition:.7s;position:absolute}.nav-link:hover:after{width:100%}.active-link{color:#00bcd4;text-decoration:double;font-weight:600;font-size:1.4rem;display:block}.active-link-hobbie{color:#00bcd4;text-decoration:double;font-weight:600;font-size:1.4rem}.unactive-link{color:#fff}.weeks-link{overflow:hidden;text-decoration:none;color:#fff;font-weight:600;font-size:1.2rem;position:relative;display:flex;align-items:center}#weeks a{display:block;background:#262626;text-decoration:none;padding:1vh .9vh;font-size:1.3rem;transition:background .5s;z-index:1}#weeks a:hover{background:#4e9fd1}#weeks{position:absolute;margin-top:1vh;visibility:hidden;opacity:0}#weeks.week-show{visibility:visible;opacity:1;display:flex;flex-direction:column;background-color:#262626;padding:5px;width:200px}.down-arrow{transition:transform .5s ease;margin-left:5px;background-color:#262626}.weeks-link:hover .down-arrow{fill:#00bcd4}.rotate{transform:rotate(180deg)}#home{display:flex;align-items:center;gap:5vw;margin-left:10%;margin-right:10%;padding:5vh;margin-bottom:2vh;margin-top:2vh}#home img{max-width:30%;align-items:flex-start;width:28.3vw;aspect-ratio:1 / 1;object-fit:cover;object-position:center top;background:#91a9c2;border-radius:50%;border:3px solid #00bcd4;box-shadow:0 0 18px #00bcd459;transition:transform .4s ease,box-shadow .4s ease,filter .4s ease}#home img:hover{transform:scale(1.06);box-shadow:0 0 0 6px #00bcd4,0 0 40px #00bcd48c;filter:brightness(1.1)}.right p{font-size:2rem;font-weight:600;margin-left:1vh}.intro{font-size:3rem;font-weight:700}.intro span{font-weight:800;color:#00bcd4}#about{margin-left:10%;margin-right:10%;padding:5vh}.container{display:flex;justify-content:space-between;align-items:center}.about-col2{flex-grow:1}.about-col2 li{list-style-type:none}.introduce{font-size:1.2rem}#about img{width:30%;max-width:33.3vw;margin-right:5vh;background:#92b1d0;border-radius:20%;border:3px solid #4e9fd1;box-shadow:0 0 18px #4e9fd14d;transition:transform .4s ease,box-shadow .4s ease,border-color .4s ease}#about img:hover{transform:scale(1.04) rotate(1deg);box-shadow:0 0 32px #4e9fd199;border-color:#00bcd4}.about-tabs ul li{display:inline-block;margin-right:6vh;margin-top:2vh;margin-bottom:2vh;font-size:1.2rem;font-weight:600}.about-tab-titles{cursor:pointer;position:relative}.about-tab-titles:after{content:"";width:0;height:.3vh;bottom:-.5vh;left:0;background:#4e9fd1;position:absolute;transition:.5s}.about-tab-titles.active-link:after{width:50%}.about-tab-titles.active-link-hobbie:after{width:50%}.tab-content span{color:#00bcd4;font-size:1.2rem;font-weight:600}.tab-content p{font-size:1.1rem}.tab-content li{margin-bottom:1vh}.tab-content{display:none}.active-tab{display:block}#copyright{padding:2.5vh 0;background:#262626;text-align:center;margin-top:2vh;width:100%;font-weight:400;position:relative;margin-bottom:0}#copyright p{background:transparent}.heart{background:transparent;color:red}.next-week{margin-bottom:4vh}@media (max-width: 767px){.bars{font-size:2rem;fill:#00bcd4;display:block;background:#262626}nav{margin-left:0;margin-right:0}.nav{justify-content:space-between;margin:1vh;background:#262626}.nav-menu{max-height:0;opacity:0;overflow:hidden;transition:max-height .5s ease,opacity .5s ease;background:#262626}.nav-menu.active-nav{max-height:500px;opacity:1}.nav-menu ul{background:#262626}.active-background{background:#ffffff1a;border-radius:10px;padding-left:10px}.nav-menu ul li{margin-top:10px}#home{flex-direction:column;margin-left:0;margin-right:0;margin-top:auto}.right p,h1{text-align:center}.right p{font-size:2em;font-weight:600;margin-left:1vh}.intro{font-size:2em;font-weight:700}#about{margin-left:0;margin-right:0}.container{flex-direction:column}.about-tabs ul li{font-size:1rem;margin-right:4vh}#home img{max-width:100%;width:70vw;aspect-ratio:1 / 1;object-fit:cover;object-position:center top;background:#91a9c2;border-radius:50%;border:3px solid #00bcd4;box-shadow:0 0 18px #00bcd459}#about img{width:100%;max-width:70vw;margin:auto;background:#92b1d0;border-radius:20%}#weeks{position:relative}}@media only screen and (min-width: 1024px){nav{display:flex;align-items:center;justify-content:space-between}.nav-menu ul{display:flex;align-items:center;justify-content:center;gap:8vh}.weeks-link:hover+#weeks{display:flex}}@media (min-width: 768px) and (max-width: 1023px){.bars{font-size:2rem;fill:#00bcd4;display:block;background:#262626}nav{margin-left:0}.nav{justify-content:space-between;margin:1vh;background:#262626}.nav-menu{max-height:0;opacity:0;overflow:hidden;transition:max-height .5s ease,opacity .5s ease;background:#262626}.nav-menu.active-nav{max-height:500px;opacity:1}.nav-menu ul{background:#262626}.active-background{background:#91a9c2}.nav-menu ul li{margin-top:10px}#weeks{position:relative}#home{display:flex;align-items:center;gap:5vw;margin-left:0;padding:5vh;margin-bottom:2vh;margin-top:2vh}.right p{font-size:2em;font-weight:600;margin-left:1vh}.intro{font-size:2.4em;font-weight:700}.intro span{font-weight:800;color:#00bcd4}#about{margin-left:0}.sub-title{font-size:3rem}.introduce{font-size:1.15rem;font-weight:500}}.skill-bar-container{background:#1e1e1e;margin:2.6vh 0}.skill-subtitle{font-size:1.7rem;font-weight:600;margin-bottom:15px;background:#1e1e1e}.skill-area{display:grid;grid-template-columns:repeat(3,1fr);gap:2.5vh}.skill-page{margin-left:10%;margin-right:10%;padding:2rem}.skill-title{text-align:center;font-size:3.75rem;font-weight:800;margin-bottom:20px}.skill-section{padding:1.5rem;background:#1e1e1e;border-radius:8px;border:2px solid rgba(18,103,139,.5)}.skill-flex{display:flex;justify-content:space-between;align-items:center;font-size:1.2rem;color:#fff;background:#1e1e1e}.skill-flex p{background:#1e1e1e}.skill-bar{width:100%;height:12px;background:#ffffff1a;border-radius:5px;overflow:hidden;margin-top:5px}.skill-bar-fill{height:100%;width:0;background:#20a6cc;transition:width 1.5s ease-in-out}@media (max-width: 600px){.skill-page{margin-left:0;margin-right:0}.skill-area{grid-template-columns:repeat(1,1fr)}.skill-title{font-size:3rem}.skill-subtitle{font-size:1.5rem}}@media (min-width: 601px) and (max-width: 767px){.skill-page{margin-left:0}.skill-area{grid-template-columns:repeat(2,1fr)}.skill-subtitle{font-size:1.6rem}}@media (min-width: 768px) and (max-width: 1023px){.skill-page{margin-left:5%}.skill-area{grid-template-columns:repeat(3,1fr)}.skill-subtitle{font-size:1.7rem}}#project-box{margin:5% auto;display:grid;grid-template-columns:repeat(1,1fr);gap:35px;justify-content:center;align-items:center;width:80%}.project{display:flex;align-items:center;justify-content:space-between;border:2px solid red;background:#262626;border-radius:2%;box-shadow:5px 5px 10px red}.project-left{padding:2vh;flex-basis:60%;background:#262626}.project-right{padding:2vh;flex-basis:30%;background:#262626}.project-sub-title{font-size:1.5rem;margin-bottom:2vh;background:#262626}.project-img{border-radius:10%;width:100%;height:auto;display:block}.projectLink{background:#262626;text-decoration:none;margin-top:6px;padding:5px;border-radius:4px;color:#00bfff;font-size:20px;transition:background .3s ease-in-out}.projectLink:hover{background:#00bfff;color:#fff}.technology{margin-top:5px;margin-bottom:5px;background:#262626}.tag{display:inline-block;font-size:13px;background:#ffffff1a;color:#fff;padding:5px;margin:5px;border-radius:8px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);transition:background .3s ease;cursor:default}.tag:hover{background:#fff3}@media (max-width: 767px){#project-box{margin-top:3vh;grid-template-columns:1fr}.project{flex-direction:column-reverse}}.center{margin:2vh 0;text-align:center;font-size:3rem}.contact{margin-left:10%;display:flex;justify-content:space-between;align-items:flex-start}.right-contact{flex-basis:35%;margin-left:10px}.left-contact{flex-basis:60%}.contact-form{width:100%;padding:10px}.contact-form input,textarea{width:100%;margin:3% 0;border:0;outline:none;background:#262626;padding:15px;color:#fff;font-size:1rem;border-radius:.4rem}.btn{display:inline-block;cursor:pointer;background:#00bcd4;padding:2% 4%;font-size:1.2rem;width:fit-content;border:1px solid #00bcd4;text-decoration:none;color:#fff;border-radius:5px}.msg{display:flex;align-items:center;margin-top:35px}.contact-icon{fill:#4e9fd1;font-size:2rem;margin-right:6%;font-weight:900;margin-top:2px;display:inline-block;flex-shrink:0}.social-icons{margin-top:40px}.social-icons a{font-size:2.5rem;margin-right:20px;text-decoration:none}.icon{fill:#ababab;transition:fill,.5s}.icon:hover{transform:translateY(-5px);fill:#5eb2bd}.cv-btn{margin-top:40px}@media (max-width: 768px){.form-btn{margin-top:10px}.contact{flex-direction:column;margin-left:3%;margin-right:3%;justify-content:center;align-items:center}.center-btn{display:flex;justify-content:center;align-items:center}.left-contact,.right-contact{flex-basis:auto}.social-icons{margin-top:40px;display:flex;justify-content:space-between;align-items:center}.social-icons a{font-size:2.5rem;text-decoration:none}}@media (min-width: 768px) and (max-width: 1023px){.form-btn{margin-top:15px}.contact{flex-direction:column;margin-left:3%;margin-right:3%;justify-content:center;align-items:center}.center-btn{display:flex;justify-content:center;align-items:center}.left-contact{flex-basis:auto}.right-contact{margin-top:10px;flex-basis:auto}.social-icons{margin-top:40px;display:flex;justify-content:space-between;align-items:center}.msg p{font-size:1.5rem}.social-icons a{font-size:3.5rem;text-decoration:none}.btn{font-size:1.5rem}}.headingWeek1{margin:4vh 2vh;color:#dc143c;font-size:1.9rem;font-weight:800}.sub-headingWeek1{color:#4e9fd1;font-size:3.2rem;font-weight:800}.week1h1{text-align:center}.week1Para{font-size:1.3rem;text-align:center}.week1-main{margin-left:10%;margin-right:10%}.week1-video-section{display:grid;width:75%;box-sizing:content-box;grid-template-columns:repeat(1,1fr);margin-top:3vh}.week1-video-section-center{display:flex;justify-content:center}.week1-video-container{position:relative;width:100%;padding-bottom:50%;height:0;margin-top:10px;background:#262626}.week1-video-container iframe{top:0;bottom:0;position:absolute;width:100%;height:100%;border-radius:4%;background:#262626}.week1-video{margin:10px;background:#262626;border:2px solid #29798f;padding:2vh;border-radius:30px}.week1-video h2{background:#262626;margin:3vh 2vh}@media (max-width: 767px){.week1-main{margin-left:5px;margin-right:5px}.week1-video-section{width:100%}}.video-container{position:relative;width:100%;padding-bottom:50%;height:0;margin-top:10px;background:#262626}.video-container iframe{top:0;bottom:0;position:absolute;width:100%;height:100%;border-radius:4%;background:#262626}.video-visible{padding:10px;font-size:1.4rem;width:fit-content;text-align:center;margin:10px 15px;border:none;border-radius:4px;border:2px solid #29b2d8;box-shadow:#299ab9;transition:background .3s ease-in-out}.video-visible:hover{background:#29b2d8;color:#000}.week2heading{margin:4vh 2vh;color:#dc143c;font-size:1.9rem;font-weight:800}.week2sub-heading{color:#4e9fd1;font-size:3.2rem;font-weight:800}.week2h1{text-align:center}.week2Para{font-size:1.3rem;text-align:center}.week2main{margin-left:10%;margin-right:10%}.week2-video-section{display:grid;width:75%;box-sizing:content-box;grid-template-columns:repeat(1,1fr);margin-top:3vh}.week2-video{margin:10px;background:#262626;border:2px solid #29798f;padding:2vh;border-radius:30px}.week2-video h2{background:#262626;margin:3vh 2vh}.week2-video-section-center{display:flex;justify-content:center}@media (min-width: 768px) and (max-width: 1023px){.week2-video-section{width:auto}}@media (max-width: 767px){.week2main{margin-left:5px;margin-right:5px}.week2-video-section{width:auto}}.week3heading{margin:4vh 2vh;color:#dc143c;font-size:1.9rem;font-weight:800}.sub-week3heading{color:#4e9fd1;font-size:3.2rem;font-weight:800}.week3h1{text-align:center}.week3Para{font-size:1.3rem;text-align:center}.week3main{margin-left:10%;margin-right:10%}.week3-video-section{display:grid;width:75%;box-sizing:content-box;grid-template-columns:repeat(1,1fr);margin-top:3vh}.week3-video{margin:10px;background:#262626;border:2px solid #29798f;padding:2vh;border-radius:30px}.week3-video-container{position:relative;width:100%;padding-bottom:50%;height:0;margin-top:10px;background:#262626}.week3-video-container iframe{top:0;bottom:0;position:absolute;width:100%;height:100%;border-radius:4%;background:#262626}.week3-video h2{background:#262626;margin:3vh 2vh}.week3-video-section-center{display:flex;justify-content:center}@media (max-width: 767px){.week3main{margin-left:5px;margin-right:5px}.week3-video-section{width:100%}}.week4heading{margin:4vh 2vh;color:#dc143c;font-size:1.9rem;font-weight:800}.sub-week4heading{color:#4e9fd1;font-size:3.2rem;font-weight:800}.week4h1{text-align:center}.week4Para{font-size:1.3rem;text-align:center}.week4main{margin-left:10%;margin-right:10%}.next-week{margin-top:5%;text-align:center}.next-week a{color:silver;font-size:1.3rem;padding:10px;border:2px solid #27abbc;border-radius:5px}.next-week a:hover{background:#00bcd4;color:#fff}.week4-video-section{display:grid;width:75%;box-sizing:content-box;grid-template-columns:repeat(1,1fr);margin-top:3vh}.week4-video{margin:10px;background:#262626;border:2px solid #29798f;padding:2vh;border-radius:30px}.week4-video-container{position:relative;width:100%;padding-bottom:50%;height:0;margin-top:10px;background:#262626}.week4-video-container iframe{top:0;bottom:0;position:absolute;width:100%;height:100%;border-radius:4%;background:#262626}.week4-video h2{background:#262626;margin:3vh 2vh}.week4-video-section-center{display:flex;justify-content:center}.week4Box{background:#262626;margin:2vh;padding:6vh;font-size:1.3rem}.week4Box h3{background:#262626;margin:2vh}.week4Box ul{background:#262626}.week4Box ul li{background:#262626;margin:4px}.principle{background:#262626;color:#dc143c}.takeaway{background:#262626}@media (max-width: 767px){.week4main{margin-left:5px;margin-right:5px}.week4-video-section{width:100%}}.overview-page{margin:4vh 0;margin-left:10%;padding:0 2.9vw;display:flex;flex-direction:column}.overview-section{display:grid;grid-template-columns:repeat(3,1fr);gap:4vh}.overview-week{padding:10px;background:#262626;border:1px solid #b1e5f2;border-radius:2%;transition:background .5s ease-in-out,transform .5s ease-in-out;height:auto}.overview-week p{background:#262626;font-size:1.2rem;transition:background .5s ease-in-out}.overview-week-heading{background:#262626;margin:10px 0;transition:background .5s ease-in-out}.overview-week-a{text-align:center;font-size:1.5rem;display:inline-block;background:#262626;margin:2rem 1rem;transition:background .5s ease-in-out;text-decoration:none;border-radius:4%;border:1px solid #0ac7fb;width:fit-content;padding:1vh}.overview-week-a:hover{background:#0ac7fb}@media (max-width: 767px){.overview-page{margin-left:0}.overview-section{grid-template-columns:repeat(1,1fr)}.overview-week{border:none;margin:0 10px}}@media (min-width: 768px) and (max-width: 1023px){.overview-page{margin-left:0}.overview-section{grid-template-columns:repeat(2,1fr)}}.headingWeek5{color:#dc143c}.movie-container{max-width:800px;margin:auto;padding:20px;font-family:Arial,sans-serif}.movie-poster{width:100%;max-width:300px;display:block;margin:20px auto}section{margin-bottom:30px}blockquote{font-style:italic;margin:10px 0;color:#333;padding-left:20px;border-left:4px solid #888}.gd-container{max-width:900px;margin:auto;padding:20px;font-family:Segoe UI,sans-serif;line-height:1.6}.gd-container h1{text-align:center;margin-bottom:30px}.headingWeek6{color:#dc143c}.week6Section{margin-bottom:40px}.gd-flex{display:flex;gap:20px;flex-wrap:wrap}.gd-box{flex:1 1 300px;padding:20px;border-radius:8px}.dos{background-color:#e8f5e9;border-left:5px solid #2e7d32}.donts{background-color:#ffebee;border-left:5px solid #c62828}.gd-container ul{padding-left:20px}@media screen and (max-width: 600px){.gd-flex{flex-direction:column}.gd-box{width:100%}}.pese-box{padding:2rem 1rem;max-width:860px;margin:0 auto}.essay-section{margin-bottom:3rem}.essay-handwritten{font-family:Caveat,cursive;font-size:3rem;color:#00bcd4;text-align:center;margin-bottom:.3rem;background:transparent}.essay-title{text-align:center;font-size:1.5rem;font-weight:700;margin-bottom:1.8rem;color:#fff;background:transparent}.essay-images{display:flex;gap:1rem;justify-content:center;margin-bottom:2rem;flex-wrap:wrap}.essay-img{width:30%;min-width:160px;aspect-ratio:4/3;object-fit:cover;border-radius:10px;border:2px solid #4e9fd1;box-shadow:0 0 12px #00bcd433;transition:transform .3s ease,box-shadow .3s ease;background:transparent}.essay-img:hover{transform:scale(1.05);box-shadow:0 0 22px #00bcd480;cursor:pointer}.lightbox-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000e0;display:flex;align-items:center;justify-content:center;z-index:1000}.lightbox-img{max-width:90vw;max-height:90vh;border-radius:10px;box-shadow:0 0 40px #00bcd466;object-fit:contain;background:transparent}.lightbox-close{position:absolute;top:1.2rem;right:1.5rem;background:transparent;border:none;color:#fff;font-size:2rem;cursor:pointer;line-height:1}.essay-part{margin-bottom:2rem}.essay-label{font-size:1.1rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;margin-bottom:.6rem;border-left:4px solid #00bcd4;padding-left:.6rem;background:transparent}.essay-section p{font-size:1.05rem;line-height:1.8;margin-bottom:1.2rem;text-align:justify;background:transparent}.intro-section{margin-top:2rem;text-align:center}.intro-heading{font-family:Caveat,cursive;font-size:2.4rem;color:#00bcd4;margin-bottom:.5rem;background:transparent}.intro-subtext{font-size:1.05rem;color:#ccc;margin-bottom:2rem;background:transparent}.videos-grid{display:flex;gap:1.5rem;flex-wrap:wrap;justify-content:center}.video-card{flex:1;min-width:280px;max-width:420px;background:#1e1e1e;border-radius:12px;padding:1rem;border:1px solid #2e2e2e;cursor:pointer;transition:box-shadow .3s ease,transform .3s ease}.video-card:hover{box-shadow:0 0 24px #00bcd459;transform:translateY(-4px)}.video-card-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:.7rem;background:transparent}.video-badge{display:inline-block;background:#00bcd4;color:#121212;font-size:.75rem;font-weight:700;padding:2px 10px;border-radius:20px;letter-spacing:.05em}.video-fullscreen-btn{border:1px solid #444;color:#ccc;font-size:.82rem;border-radius:6px;padding:3px 10px;background:transparent;transition:border-color .3s,color .3s}.video-card:hover .video-fullscreen-btn{border-color:#00bcd4;color:#00bcd4}.video-wrapper{position:relative;padding-bottom:56.25%;height:0;overflow:hidden;border-radius:8px;background:#000}.video-wrapper .thumb-img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;display:block;transition:filter .3s ease}.video-card:hover .thumb-img{filter:brightness(.5)}.video-wrapper .play-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:transparent}.play-btn{width:60px;height:60px;background:#00bcd4d9;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.4rem;color:#121212;transition:transform .2s ease,background .2s ease}.video-card:hover .play-btn{transform:scale(1.15);background:#00bcd4}.video-hover-msg{position:absolute;bottom:.6rem;left:0;right:0;text-align:center;font-size:.8rem;color:#ccc;opacity:0;transition:opacity .3s ease;background:transparent}.video-card:hover .video-hover-msg{opacity:1}@media (max-width: 600px){.essay-handwritten{font-size:2.2rem}.essay-title{font-size:1.2rem}.essay-img{width:45%}.intro-heading{font-size:1.8rem}.videos-grid{flex-direction:column}.video-card{min-width:unset;max-width:100%;width:100%}}