*{margin:0;padding:0;box-sizing:border-box;text-decoration:none;background:transparent;font-family:Poppins,sans-serif}body{min-height:100vh;color:#fffefe;overflow-x:hidden;overflow-y:auto;background:radial-gradient(circle at 20% 20%,rgba(0,255,255,.08),transparent 40%),radial-gradient(circle at 80% 30%,rgba(255,0,128,.08),transparent 40%),radial-gradient(circle at 50% 80%,rgba(0,255,0,.06),transparent 40%),linear-gradient(180deg,#0b0f19,#0b0f19)}.navbar{position:sticky;top:0;z-index:100;isolation:isolate;width:100vw;max-width:75rem;margin:0 auto;padding:1rem 2rem;display:flex;align-items:center;justify-content:space-between;background:rgba(15,18,30,.95);border-bottom:1px solid rgba(255,255,255,.06);border-radius:0 0 1.5rem 1.5rem;box-shadow:0 8px 30px rgba(0,0,0,.5)}.navbar:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;border-radius:inherit;background:linear-gradient(180deg,rgba(255,255,255,.06),rgba(255,255,255,0)),radial-gradient(circle at 20% 50%,rgba(0,255,255,.15),transparent 60%),radial-gradient(circle at 80% 50%,rgba(255,0,255,.15),transparent 60%);pointer-events:none}.navbar>*{position:relative;z-index:2}.logo{height:3rem}.desktopMenuListItem{margin:1rem;cursor:pointer;position:relative;color:#ddd;transition:.2s ease}.desktopMenuListItem:after{content:"";position:absolute;left:0;bottom:-6px;width:0%;height:3px;background:linear-gradient(90deg,#0ff,#f0f);transition:.25s ease}.desktopMenuListItem:hover:after,.active:after{width:100%}.desktopMenuListItem:hover{color:#fff}.desktopMenuBtn{background:linear-gradient(90deg,#0ff,#f0f);color:#000;border:none;display:flex;align-items:center;padding:.5rem 1.5rem;border-radius:2rem;cursor:pointer;font-weight:500;transition:.2s ease}.desktopMenuBtn:hover{transform:translateY(-2px);box-shadow:0 0 20px rgba(255,0,255,.5)}.desktopMenuImg{height:1rem;margin-right:.5rem}.mobMenu{display:none;height:1.8rem;cursor:pointer}.navMenu{position:absolute;top:4.5rem;right:1.5rem;z-index:999;display:flex;flex-direction:column;min-width:14rem;padding:.75rem;border-radius:1rem;background:rgba(20,20,30,.96);box-shadow:0 10px 40px rgba(0,0,0,.6)}.listItem{padding:.75rem 2rem;border-radius:.75rem;color:#eee;transition:.2s ease}.listItem:hover{background:rgba(255,255,255,.05);color:#0ff}@media screen and (max-width:720px){.mobMenu{display:block}.desktopMenu,.desktopMenuBtn{display:none}}#intro{height:calc(100vh - 4rem);width:100vw;max-width:75rem;margin:0 auto;overflow:hidden;position:relative}.bg{position:absolute;top:1rem;right:1rem;z-index:-1;object-fit:cover;height:100vh}.introContent{height:100vh;width:100vw;padding:2rem;font-size:3rem;font-weight:700;display:flex;flex-direction:column;justify-content:center}.hello{font-size:1.75rem;font-weight:100}.introName{color:#ff0}.introPara{font-size:medium;font-weight:300;letter-spacing:1px}.btn{background:#fff;margin:1rem 0;padding:.75rem 1.5rem;border:none;border-radius:2rem}.btnImg{object-fit:cover;margin:0 .25rem;height:1rem}@media screen and (max-width: 840px){.bg{display:none}.introContent{font-size:7.5vw}.hello{font-size:5.5vw}}#skills{overflow:hidden;width:100vw;max-width:65rem;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;margin:0 auto}.skillTitle{font-size:3rem;font-weight:600;padding-top:3rem;margin-bottom:1.5rem}.skillDesc{font-weight:400;font-size:1rem;max-width:51rem;padding:0 2rem}.skillBars{margin:1.5rem;width:100vw;max-width:80%;text-align:left}.skillBar{display:flex;margin:1rem;padding:1.5rem 2rem;border-radius:.5rem;background:#323232}.skillBarImg{object-fit:cover;height:3rem;width:3rem;margin-right:2rem}.skillBarText>p{font-size:.9rem;font-weight:200}@media screen and (max-width:720px){.skillBarText>p{font-size:2vw}}@media screen and (max-width:480px){.skillBarText>p{font-size:3vw}.skillBarImg{height:2.25rem;width:2.25rem}.skillBarText>h2{font-size:5vw}}#works{margin:0 auto;width:100vw;max-width:60rem;display:flex;flex-direction:column;align-items:center;text-align:center;padding:3rem 1rem}.worksTitle{margin:1rem 0;font-size:3rem}.worksDesc{font-weight:300;font-size:1rem;max-width:45rem;margin-bottom:2rem;color:#aaa}.worksImgs{display:flex;flex-wrap:wrap;justify-content:center;gap:1rem}.projectCard{position:relative;width:18rem;height:20rem;border-radius:1rem;overflow:hidden;cursor:pointer}.worksImg{width:100%;height:100%;object-fit:cover;transition:.3s ease}.overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:rgba(0,0,0,.65);display:flex;flex-direction:column;align-items:center;justify-content:center;opacity:0;color:#fff;padding:1rem;text-align:center;transition:.3s ease}.projectCard:hover .overlay{opacity:1}.projectCard:hover .worksImg{transform:scale(1.1);filter:brightness(.4)}.workBtn{margin-top:2rem;padding:.7rem 3rem;border:none;border-radius:2rem;background:#fff;font-size:1rem;cursor:pointer}@media (hover: none){.overlay{opacity:1;background:linear-gradient(to top,rgba(0,0,0,.8),rgba(0,0,0,.2),transparent);justify-content:flex-end}.overlay h3{font-size:1rem;margin-bottom:.25rem}.overlay p{font-size:.8rem;color:#ddd}.projectCard:hover .worksImg{transform:none;filter:none}}#contactPage{min-height:auto;padding-top:3rem;padding-bottom:3rem;width:100vw;max-width:60rem;margin:0 auto;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center}.contactPageTitle{font-size:3rem;margin-bottom:.5rem}.contactDesc{padding:0 1rem 1.5rem;font-size:1rem;font-weight:300;color:#aaa}#contact{width:100%;display:flex;flex-direction:column;align-items:center}.contactForm{display:flex;flex-direction:column;align-items:center;width:100%;max-width:40rem}.name,.email,.msg{font-size:.95rem;width:100%;margin:.5rem 0;padding:.75rem 1rem;color:#fff;border:none;border-radius:.5rem;background:#282828;outline:none}.msg{resize:none}.submitBtn{background:#fff;border:none;border-radius:.5rem;margin-top:1.5rem;padding:.75rem 3rem;font-weight:500;cursor:pointer;transition:.2s ease}.submitBtn:hover{background:#ddd;transform:translateY(-2px)}.links{margin-top:2rem;display:flex;gap:1rem}.link{height:2.5rem;width:2.5rem;opacity:.7;cursor:pointer;transition:.2s ease}.link:hover{opacity:1;transform:scale(1.1)}.footer{width:100vw;height:4rem;margin-top:3rem;display:flex;justify-content:center;align-items:center;font-size:.85rem;font-weight:300;color:#aaa;background:#0b0f19;border-top:1px solid rgba(255,255,255,.06)}#education{overflow:hidden;width:100vw;max-width:65rem;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;margin:0 auto}.eduTitle{font-size:3rem;font-weight:600;padding-top:3rem;margin-bottom:1.5rem}.eduDesc{font-weight:400;font-size:1rem;max-width:51rem;padding:0 2rem}.eduBars{margin:1.5rem;width:100vw;max-width:80%;text-align:left}.eduBar{margin:1rem;padding:1.5rem 2rem;border-radius:.5rem;background:#323232}.eduBarText>p{font-size:.9rem;font-weight:200}@media screen and (max-width:720px){.eduBarText>p{font-size:2vw}}@media screen and (max-width:480px){.eduBarText>p{font-size:3vw}.eduBarText>h2{font-size:5vw}}