.Navbar{align-items:center;background:#1e1e1e;display:flex;height:5rem;justify-content:space-between;margin:0 auto;max-width:75rem;padding:1rem 2rem;position:sticky;top:0;width:100vw;z-index:3}.Logo{height:4rem;object-fit:cover;width:4rem}.desktopMenuListItem{cursor:pointer;margin:1rem}.desktopMenuListItem:hover{border-bottom:3px solid #ff0;color:#ff0;padding-bottom:.5rem}.desktopMenuBtn{align-items:center;background-color:#fff;border:none;border-radius:2rem;color:#000;cursor:pointer;display:flex;justify-content:center;padding:0 1rem}.desktopMenuImg{height:1rem;margin:1rem;object-fit:cover;width:1rem}.active{border-bottom:3px solid #ff0;color:#ff0;padding-bottom:.5rem}.mobmenu{display:none;height:1.8rem;object-fit:cover}.navMenu{background:#282828;border-radius:1.5rem;display:flex;flex-direction:column;height:fit-content;min-width:15rem;padding:.5rem;position:absolute;right:2rem;top:4rem;z-index:2}.ListItem{background:#1e1e1e;color:#fff;margin:.25rem;padding:.5rem 3rem}@media screen and (max-width:721px){.mobmenu{display:flex}.desktopMenu,.desktopMenuBtn{display:none}}#intro{height:calc(100vh - 6rem);margin:0 auto;max-width:75rem;overflow:hidden;width:100vw}.bg{size:calc();height:80vh;object-fit:cover;padding-bottom:1rem;padding-left:3rem;position:absolute;right:0;top:8rem;z-index:-1}.introContent{display:flex;flex-direction:column;font-size:3rem;font-weight:700;height:100vh;justify-content:center;padding:2rem;width:100vw}.hello{font-size:1.75rem;font-weight:100}.introName{color:#ff0}.introPara{font-size:medium;font-weight:300;letter-spacing:1px}.btn{background:#fff;border:none;border-radius:2rem;margin:1rem 0;padding:.75rem 1.5rem}.btnImg{height:1rem;margin:0 .25rem;object-fit:cover}@media screen and (max-width:720px){.bg{right:-25vw}}#skills{align-items:center;justify-content:center;padding:50px 20px;text-align:center}.SkillTitle{font-size:2.5rem;font-weight:600;margin-bottom:20px}.SkillBars{display:flex;flex-wrap:wrap;gap:30px;justify-content:space-evenly;padding-top:3rem}.SkillBar{background:#323232;border-radius:10px;box-shadow:0 4px 10px #f3f1f11a;padding:20px;text-align:center;transition:transform .3s ease;width:250px}.SkillBar:hover{transform:scale(1.05)}.SkillBarImg{height:60px;margin-bottom:20px;width:60px}.SkillBarText{text-align:left}.title{color:#333;font-size:1.4rem;font-weight:500;margin-bottom:10px}ul{list-style-type:none;padding:0}ul li{color:#f8f1f1;font-size:1rem;margin-bottom:8px}ul li:before{color:#0af;content:"• "}@media (max-width:768px){.SkillBars{align-items:center;flex-direction:column}.SkillBar{margin-bottom:30px;width:80%}}#contactpage{align-items:center;display:flex;flex-direction:column;justify-content:center;margin:0 auto;max-width:60rem;min-height:calc(100vh - 4rem);text-align:center;width:100vw}.contactpageTitle{font-size:3rem;margin-bottom:1rem}.clientDesc{font-size:1rem;font-weight:300}.clientImgs{display:flex;flex-wrap:wrap;margin:1rem 0}.clientImg{margin:auto;min-width:9rem;object-fit:cover;padding:1.25rem;width:23%}#clients{padding:2rem}.contactDesc{font-size:medium;font-weight:300;padding:1rem}.contactform{align-items:center;display:flex;flex-direction:column;justify-content:center;margin:1rem;max-width:60rem;width:90vw}.email,.msg,.name{background:#282828;border:none;border-radius:.5rem;color:#fff;font-size:medium;margin:.5rem;max-width:40rem;padding:.5rem 1rem;width:100%}.submitbtn{background-color:#007bff;border:none;border-radius:5px;border-radius:.5rem;color:#fff;cursor:pointer;font-size:1rem;margin:2rem;padding:10px 15px;transition:background-color .3s ease}.submitbtn:hover{background-color:#0056b3}.links{display:flex;flex-wrap:wrap}.link{height:3rem;margin:0 .75rem;object-fit:cover;width:3rem}#contact div{margin-top:20px}#contact div button{cursor:pointer}.footer{background:#282828;font-size:small;font-weight:300;height:4rem}#about,.footer{align-items:center;display:flex;justify-content:center;width:100vw}#about{flex-direction:column;margin:6rem auto 0;max-width:65rem;overflow:hidden;text-align:center}.aboutTitle{font-size:3rem;font-weight:600;margin-bottom:1.5rem;padding-top:3rem}.aboutDesc{font-size:.9rem;font-weight:400;max-width:50rem;padding:0 2rem;word-spacing:.2rem}.resume{background:#fff;border:none;border-radius:2rem;font-size:1rem;margin:1rem 0;padding:.75rem 1.5rem;transition:transform .3s ease}.resume:hover{transform:scale(1.05)}.git{background:#fff;border:none;border-radius:2rem;font-size:1rem;margin:1rem 0;padding:.75rem 1.5rem}@media (max-width:768px){.aboutTitle{font-size:2rem}.aboutDesc{font-size:1rem;line-height:1.5;padding:0 15px}.resumeBtn{font-size:1rem;padding:10px 20px}}#education{align-items:center;display:flex;flex-direction:column;justify-content:center;margin:8rem auto 0;max-width:65rem;overflow:hidden;text-align:center;width:100vw}.educationTitle{font-size:3rem;font-weight:600;margin-bottom:1.5rem;padding-top:3rem}.educationBars{gap:20px;margin:1rem;max-width:80%;text-align:left;width:100vw}.educationBar:hover{transform:scale(1.05)}.educationBar{background:#323232;border-radius:.5rem;display:flex;margin:1rem;padding:1.5rem 2rem;transition:transform .3s ease}.degree,.year{color:#ff0}@media (max-width:768px){.educationBars{flex-direction:column}.educationBar{margin-bottom:20px;width:100%}.degree{font-size:1.5rem}.institution,.year{font-size:1rem}p{font-size:.95rem}}#works{background:#1e1e1e;padding:50px;text-align:center}.worksTitle{font-size:2.5rem;margin-bottom:20px}.workDesc{font-size:1.2rem;margin-bottom:40px}.worksCards{display:flex;flex-wrap:wrap;gap:20px;justify-content:center}.card{border-radius:10px;box-shadow:0 4px 8px #0000001a;height:200px;overflow:hidden;position:relative;transition:transform .3s ease,box-shadow .3s ease;width:300px}.card:hover{box-shadow:0 6px 12px #0003;transform:scale(1.05)}.cardImg{object-fit:cover}.cardImg,.cardOverlay{border-radius:10px;height:100%;width:100%}.cardOverlay{align-items:center;background:#0009;color:#fff;display:flex;flex-direction:column;justify-content:center;left:0;opacity:0;position:absolute;top:0;transition:opacity .3s ease}.card:hover .cardOverlay{opacity:1}.cardTitle{font-size:1.5rem;font-weight:700;margin-bottom:10px}.cardText{font-size:1rem;margin:0 10px;text-align:center}.workBtn{background-color:#007acc;border:none;border-radius:5px;color:#fff;cursor:pointer;margin-top:30px;padding:10px 20px;transition:background-color .3s ease}.workBtn:hover{background-color:#005fa3}.see-more-link{color:#fff;font-size:1rem;text-decoration:none}
/*# sourceMappingURL=main.23fb4bfb.css.map*/