@import"https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Gantari&family=Smooch&display=swap";@import"https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:ital,wght@0,200..800;1,200..800&display=swap";.navbar{padding:20px 0;width:85%;margin:auto;display:flex;flex-direction:row;align-items:center}.navbar img{width:50px}.navbar-menu{margin:auto 0 auto auto}.navbar-menu-list{list-style:none;display:flex;font-size:18px;gap:35px;font-weight:500}.navbar-menu li:hover{cursor:pointer}.navbar .active{border-bottom:1.5px solid grey}@media (max-width:750px){.navbar-menu-list{gap:15px}}@media (max-width:550px){.navbar img{width:30px}.navbar-menu-list{gap:10px;font-size:small}}@media (max-width:450px){.navbar img{width:25px}.navbar-menu-list{gap:8px;font-size:9px}}.header{height:20vw;background:url(/assets/GradLoopBgGif-G6BgGmLH.gif) no-repeat;background-size:cover;border-radius:25px;display:flex;justify-content:center;margin-bottom:30px}.header-contents{margin-top:5%;position:absolute;display:flex;flex-direction:column;align-items:center;gap:.3vw;width:50%;animation:fadeIn 2s}.header-contents p{color:#fff;margin-top:5px}.header-contents p span{color:#fff;font-weight:700}.header-contents h2{font-weight:100;color:#fff;font-size:65px;font-weight:500}.buttons{display:flex;flex-direction:row;gap:20px;padding-top:2vw}.header-contents button{border:2px solid transparent;color:#fff;background-color:#4e4e4e;text-decoration:none;font-weight:500;padding:.4vw 1.5vw;font-size:max(.3vw,15px);border-radius:30px;transition:.4s}.header-contents button:hover{background-color:#000;cursor:pointer}@media (max-width:1094px){.header{height:30vw}.header-contents h2{font-size:40px}.header-contents{margin-top:8%}}@media (max-width:750px){.header{height:35vw}.header-contents{margin-top:10%}.header-contents h2{font-size:30px}.header-contents p{font-size:10px}.header-contents{gap:.2vw}.header-contents button{font-size:10px}}@media (max-width:550px){.header{height:36vw}.header-contents h2{font-size:25px}.header-contents p{font-size:8px}.header-contents{gap:.1vw;margin-top:15%;width:100%}.header-contents button{font-size:10px}}@media (max-width:370px){.header{background-size:cover;height:66vw;margin-bottom:20px;background-position:center}.header-contents{margin-top:12%;width:100%}.header-contents h2{font-size:25px}.buttons{flex-direction:column;gap:10px;align-items:center}.header-contents button{font-size:9px;width:fit-content}.header-contents p{font-size:10px}}.aboutme{display:flex;flex-direction:row;padding-top:20px;gap:40px;padding-bottom:30px}.aboutme-pic{align-items:center;width:50%}.aboutme-pic img{height:auto;width:230px;border-radius:10px;margin:auto;display:block}.aboutme-text{width:50%;margin:auto;padding:20px;border-radius:10px;transition:.2s}.aboutme-text:hover{background-color:#6161613d}.aboutme-text h2{font-size:3vw}.aboutme-text h4{padding-top:10px}.aboutme-text span{color:#444}.aboutme-text p{padding-top:20px;padding-bottom:20px;font-size:15px;font-weight:400}.aboutme-text button{border:2px solid transparent;color:#fff;background-color:#4e4e4e;text-decoration:none;font-weight:500;padding:.4vw 1.5vw;font-size:max(.3vw,15px);border-radius:30px;transition:.4s}.aboutme-text button:hover{background-color:#000;cursor:pointer}@media (max-width:750px){.aboutme-pic img{width:180px}.aboutme-text p,.aboutme-text button{font-size:10px}.aboutme-text p{padding-top:10px;padding-bottom:10px}}@media (max-width:450px){.aboutme{flex-direction:column}.aboutme-pic{width:100%}.aboutme-text{width:100%;padding-right:0%;text-align:center}.aboutme-text h2{font-size:6.5vw}}.explore-skill{margin-top:20px;display:flex;flex-direction:column;gap:20px;padding-top:20px;padding-bottom:13px;border:1px solid rgba(0,0,0,.26);border-radius:20px}.explore-skill-list{display:flex;justify-content:space-between;align-items:center;gap:30px;text-align:center;margin-left:3%;margin-right:3%;overflow-x:scroll}.explore-skill-list::-webkit-scrollbar{display:none}.explore-skill-list-item img{width:50px;cursor:pointer}.explore-skill-list-item p{font-size:12px;font-weight:500}@media (max-width:750px){.explore-skill{margin-top:10px;padding-top:10px;padding-bottom:10px}.explore-skill-list-item img{width:30px}.explore-skill-list-item p{font-size:8px}}.projects{display:flex;flex-direction:column;padding:30px;margin-top:20px}.title{font-size:1.5vw;margin-bottom:2vw;margin-left:2vw}.below-title{display:flex;flex-direction:row;width:100%;gap:7.5vw;padding-top:30px}.projects-item{display:flex;flex-direction:column;border-radius:15px;width:27%}.projects-item:hover{transform:scale(1.05);transition:.5s;box-shadow:0 0 20px #30303080}.projects-item-img{overflow:hidden;height:75%}.projects-item-img img{width:100%;margin:auto;display:block;flex-shrink:0;min-width:100%;min-height:100%;border-radius:15px 15px 0 0;object-fit:cover}.projects-item-cont{margin:15px}.projects-item-cont H6{color:#4b4b4ba8;margin-bottom:5px;font-weight:700}.projects-item-cont p{padding-top:10px;padding-bottom:13px;font-size:16px}.button-contain{display:flex;flex-direction:row;gap:10px}.button{border:2px solid transparent;color:#fff;background-color:#4e4e4e;text-decoration:none;font-weight:500;padding:.4vw 1.5vw;font-size:max(.3vw,15px);border-radius:30px;transition:.4s}.button:hover{background-color:#000;cursor:pointer}@media (max-width:1050px){.projects-item-cont p{font-size:13px}.projects-item-cont H2{font-size:20px}.button{font-size:10px}}@media (max-width:750px){.title{font-size:3.5vw}.below-title{flex-direction:column}.projects-item{width:100%}.projects-item-cont p{font-size:16px}.projects-item-cont H2{font-size:30px}.button{font-size:14px}}@media (max-width:450px){.projects{margin-top:10px}.title{font-size:3.5vw}.projects-item-cont H2{font-size:20px}.projects-item-cont p{font-size:12px}.button{font-size:10px}}.ExpSkill02{margin-top:20px;display:flex;flex-direction:column;gap:20px;padding-top:20px;padding-bottom:13px;border-radius:20px}.ExpSkill02 h2{font-size:2vw;margin:2vw 2vw 2vw 4vw}.ExpSkill02-list{display:flex;justify-content:space-between;align-items:center;gap:30px;text-align:center;margin-left:3%;margin-right:3%;overflow-x:scroll;margin-bottom:3vw}.ExpSkill02-list::-webkit-scrollbar{display:none}.ExpSkill02-list-item{color:#fff;display:flex;flex-direction:column;height:20vw;width:15vw;border-radius:10px}.ExpSkill02-list-item:hover video{filter:none}.ExpSkill02-list-item-vid{height:100%;width:15vw;position:relative}.ExpSkill02-list-item-vid video{margin:auto;display:block;border-radius:10px;filter:grayscale()}.ExpSkill02-list-item-contents{position:absolute;display:flex;flex-direction:column;gap:11vw}.ExpSkill02-list-item-contents a{font-size:5vw;margin-left:2vw}.ExpSkill02-list-item-contents p{font-size:15px;font-weight:500}@media (max-width:450px){.ExpSkill02 h2{font-size:7vw;margin:auto}.ExpSkill02-list{flex-direction:column}.ExpSkill02-list-item{height:65vw;width:45vw}.ExpSkill02-list-item-vid video{filter:none}.ExpSkill02-list-item-contents{gap:35vw}.ExpSkill02-list-item-contents a{font-size:15vw;margin-left:2vw}.ExpSkill02-list-item-contents p{font-size:15px;margin-left:5vw}}.footer{color:#d9d9d9;background-color:#323232;display:flex;flex-direction:column;align-items:center;gap:20px;padding:20px 8vh;padding-top:80px;margin-top:50px}.footer-content{width:100%;display:flex;flex-direction:row;gap:80px}.footer-content-left{width:45%}.footer-content-left,.footer-content-right,.footer-content-center{display:flex;flex-direction:column;align-items:start;gap:20px}.footer-content-left img{width:10%}.footer-content-left li,.footer-content-right li,.footer-content-center li{list-style:none;margin-bottom:10px;cursor:pointer}.footer-content-right h2,.footer-content-centre h2{color:#fff}.footer-social-icon img{width:35px;margin-right:15px}.footer-social-icon img:hover,.footer-social-icons img:hover{cursor:pointer}.footer hr{width:100%;height:2px;margin:20px 0;background-color:gray;border:none}@media (max-width:1050px){.footer-content{font-size:15px}}@media (max-width:750px){.footer{padding:10px 8vh;padding-top:50px}.footer-content{font-size:10px}.footer-content{display:flex;flex-direction:column;gap:30px}.footer-copyright{font-size:10px}}@media (max-width:450px){.footer{margin-top:20px;padding:20px 5vh}.footer-content-left img{width:10%}.footer-content-left,.footer-content-right,.footer-content-center{width:100%}}.Certificates{display:flex;flex-direction:column;gap:3vw}.Certificates h1{margin:auto;font-size:2vw}@media (max-width:750px){.Certificates h1{font-size:5vw}}.CertiItem{display:flex;gap:1vw}.left{border-right:2px solid rgb(58,58,58)}.left img{border-radius:10px;height:15vw;margin-right:3vw}.right{display:flex;flex-direction:column;gap:.7vw;padding:20px;transition:.3s;border-radius:10px}.right:hover{background-color:#5353532a}.right h2{color:#5e5e5e}.right ul{margin-left:2vw;list-style:square}.buttons button{border:2px solid transparent;color:#fff;background-color:#4e4e4e;text-decoration:none;font-weight:500;padding:.4vw 1.5vw;font-size:max(.3vw,15px);border-radius:30px;transition:.4s}.buttons button:hover{background-color:#000;cursor:pointer}@media (max-width:750px){.CertiItem{display:flex;flex-direction:column;align-items:center}.left{border-right:none}.left img{height:40vw}.right{gap:1.7vw}}@media (max-width:450px){.right{gap:2vw}.right h2{font-size:16px}.right h3{font-size:14px}.right ul li{font-size:smaller}.buttons button{padding:.8vw 2vw;font-size:max(.3vw,13px)}}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#fff}::-webkit-scrollbar-thumb{background:linear-gradient(transparent,#292929);border-radius:7px}*{padding:0;margin:0;box-sizing:border-box;font-family:Plus Jakarta Sans,sans-serif}body{min-height:100vh}a{text-decoration:none;color:inherit}.app{width:80%;margin:auto}