.navbar{align-items:center;background:#1e1e1e;display:flex;height:5rem;justify-content:space-between;margin:0 auto;max-width:75rem;padding:1rem 2rem;position:-webkit-sticky;position:sticky;top:0;width:84vw;z-index:3}.logo{height:3rem;object-fit:cover;width:4rem}.desktopMenuListItem,.desktopMenuListItemSRF{cursor:pointer;margin:1rem;text-decoration:none}.desktopMenuListItem{color:#fff}.desktopMenuListItemSRF{color:#87cefa}.desktopMenuListItem:hover,.desktopMenuListItemSRF:hover{border-bottom:3px solid #87cefa;color:#87cefa;padding-bottom:.5rem}.desktopMenuBtn{align-items:center;background:#fff;border:none;border-radius:2rem;color:#000;cursor:pointer;display:flex;justify-content:center;padding:0 1rem}.desktopMenuImg2{height:2rem;max-width:100%;min-width:5rem;object-fit:cover;padding:.25rem;width:5rem}.navbar.subrequestPage .hamburgerWrapper{align-items:center;display:flex!important;height:100%;position:relative;right:0;top:0}.navbar.subrequestPage .mobMenu{align-self:center;display:flex!important;height:1.8rem;width:auto}.navbar.subrequestPage .desktopMenuBtn{display:flex;margin-left:auto}.active{color:#87cefa}.menuWrapper{position:relative}.hamburgerWrapper{align-items:flex-end;display:none;flex-direction:column;position:absolute;right:2rem;top:1.5rem;z-index:10}.mobMenuB{display:none}@media screen and (max-width:720px){.hamburgerWrapper{display:flex}}.mobMenu{cursor:pointer;display:none;height:1.8rem;object-fit:cover}.navMenu{background:#282828;border-radius:1rem;display:flex;flex-direction:column;min-width:15rem;opacity:0;padding:.5rem;pointer-events:none;position:absolute;right:0;top:calc(100% + .5rem);transform:translateY(-12px) scale(.98);transition:opacity .22s ease,transform .22s ease;z-index:5}.navMenu.show{opacity:1;pointer-events:auto;transform:translateY(0) scale(1)}.listItem{background:#1e1e1e;border-radius:.5rem;color:#fff;cursor:pointer;margin:.25rem 0;padding:.5rem 3rem;transition:background .2s ease,transform .2s ease}.listItem:hover{background:#3c3c3c;transform:translateX(3px)}@media screen and (max-width:720px){.mobMenu{display:flex}.desktopMenu,.desktopMenuBtn{display:none}}#intro{height:calc(100vh - 4rem);margin:0 auto;max-width:75rem;overflow:hidden;position:relative;width:100vw}.bg{border-radius:1rem;height:60vh;object-fit:cover;position:absolute;right:3rem;top:1rem;z-index:-1}.introContent{display:flexbox;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:#87cefa}.introPara{font-size:medium;font-weight:300;letter-spacing:1px}.btn{align-items:center;background:#fff;border:none;border-radius:4rem;cursor:pointer;display:inline-flex;font-weight:600;justify-content:center;margin:2rem 0;padding:.75rem 1.5rem}.btnImg{height:1rem;margin:0 .4rem;object-fit:cover;vertical-align:middle}@media screen and (max-width:840px){.bg{right:1vw}.introContent{font-size:10vw}.hello{font-size:4.5vw}}@media screen and (max-width:480px){.bg{right:-20vw}}#skills{align-items:center;display:flex;flex-direction:column;justify-content:center;margin:0 auto;max-width:100rem;overflow:hidden;padding:2rem;text-align:center;width:100%}.skillBarImage{max-width:6rem}.skillTitle{font-size:3rem;font-weight:600;margin-bottom:1.5rem}.skillDesc{font-size:1.05rem;font-weight:300;max-width:55rem;padding:0 2rem}.skillBars{margin:1.5rem 0;text-align:center;width:75%}.skillBar{align-items:center;background:#323232;border-radius:.5rem;display:flex;justify-content:center;margin:1rem;padding:1.5rem 0}.skillBarImg{height:3rem;object-fit:cover;width:3rem}.skillBarText{font-size:.95rem;font-weight:200}.skillBarTextDesc{font-size:1.08rem;font-weight:300;padding:.6vw 0}.skillBarTextTitle{font-size:1.4rem;font-weight:600;padding-right:0}.skillsGrid{grid-gap:.8rem;display:grid;gap:.8rem;grid-template-columns:repeat(5,1fr);justify-content:center;margin:0 auto;width:80%}.skillCard{align-items:center;aspect-ratio:1/1;border-radius:2vw;box-shadow:0 8px 18px #00000026;cursor:pointer;display:flex;flex-direction:column;height:6vw;justify-content:center;padding:.5vw;transition:transform .25s ease,box-shadow .25s ease}.skillCard:hover{box-shadow:0 12px 26px #00000040;transform:translateY(-6px)}.skillIcon{height:auto;margin-bottom:.8vw;width:3.5vw}.skillCardText{color:#fff;font-size:1vw;font-weight:600}@media screen and (max-width:1250px){.skillsGrid{margin-right:50px}.skillCard{border-radius:4vw;height:10vw;padding:1vw}.skillIcon{margin-bottom:1.5vw;width:6vw}.skillCardText{font-size:8vw}.skillsGrid{grid-template-columns:repeat(2,1fr);justify-items:center;width:100%}}@media screen and (max-width:800px){.skillCard{border-radius:4vw;height:18vw;padding:1.5vw}.skillIcon{margin-bottom:1.5vw;width:8vw}.skillCardText{font-size:10vw}.skillsGrid{grid-template-columns:repeat(2,1fr);justify-items:center;width:100%}}@media screen and (max-width:480px){.skillCard{border-radius:4vw;height:18vw;padding:1.5vw}.skillIcon{margin-bottom:1.5vw;width:8vw}.skillCardText{font-size:10vw}.skillsGrid{grid-template-columns:repeat(2,1fr);justify-items:center;width:100%}}@media screen and (max-width:1250px){.skillsGrid{grid-template-columns:repeat(5,1fr);justify-items:center;width:100%}}@media screen and (max-width:800px){.skillsGrid{grid-template-columns:repeat(2,1fr);justify-items:center;width:100%}}@media screen and (max-width:480px){.skillsGrid{grid-template-columns:repeat(2,1fr);justify-items:center;width:100%}}#works{align-items:center;flex-direction:column;margin:0 auto;max-width:75rem;min-height:calc(100vh - 4rem);padding:0 1rem;text-align:center;width:95vw}#works,.backgroundBox{display:flex;justify-content:center}.backgroundBox{background:#323232;border-radius:1rem;flex-wrap:wrap;gap:1.5rem;padding:2rem}.worksTitle{font-size:3rem;margin-bottom:1rem;margin-top:5rem}.worksDesc{font-size:1rem;font-weight:300;margin-bottom:1.5rem;max-width:49rem}.worksImg{background:#000}.worksImg,.worksImgWhite{aspect-ratio:3/2;border-radius:.5rem;cursor:pointer;flex-shrink:0;height:auto;max-width:100%;object-fit:contain;object-position:center;transition:transform .3s ease,box-shadow .3s ease;width:30rem}.worksImgWhite{background:#fff}.worksImg:hover,.worksImgWhite:hover{box-shadow:0 6px 25px #00000059;transform:scale(1.05)}.worksImgs{align-items:flex-start;display:flex;flex-wrap:wrap;gap:1.2rem;justify-content:center}.workBtn1{font-size:20px;font-weight:600;margin-bottom:1.5rem;margin-top:3rem;padding:.8rem 3rem}.workBtn1,.workBtn2{background:#fff;border:none;border-radius:2rem;cursor:pointer}.workBtn2{font-weight:500;margin-top:5rem;max-height:4rem;padding:.5rem 2.5rem}.githubLogo{height:3rem;justify-content:center;max-width:100%;min-width:5rem;object-fit:cover;padding:.1rem;width:10rem}@media screen and (max-width:720px){.worksImg{aspect-ratio:3/2;height:auto;width:48%}}@media screen and (max-width:450px){.worksImg{aspect-ratio:3/2;height:auto;width:100%}}#contactPage{align-items:center;display:flex;flex-direction:column;justify-content:center;margin:0 auto;max-width:60rem;text-align:center;width:100vw}.contactPageTitle{font-size:3rem;margin-bottom:1rem;margin-top:15rem}.contactDesc{font-size:medium;font-weight:300;margin-bottom:3rem;padding:1rem}.contactForm{align-items:center;display:flex;flex-direction:column;justify-content:center;margin:1rem;max-width:60rem;text-align:center;width:90vw}.email,.msg,.name{background:#282828;color:#fff;font-size:medium;margin:.5rem;max-width:40rem;padding:.5rem 1rem;width:100%}.email,.msg,.name,.submitBtn{border:none;border-radius:.5rem}.submitBtn{background:#fff;cursor:pointer;margin:2rem;padding:.75rem 3.5rem}.footer{background:#282828;font-size:small;font-weight:300;height:4rem;justify-content:center;width:100vw}.footer,.subpage{align-items:center;display:flex}.subpage{flex-direction:column;margin:0 auto;max-width:1200px;padding:2rem 1rem}.info-box,.subpage{box-sizing:border-box;width:100%}.info-box{background-color:#323232;border-radius:12px;color:#fff;margin-bottom:7rem;max-width:1050px;padding:2rem;text-align:left}.topic{margin-bottom:3rem}
/*# sourceMappingURL=main.89ed1ef5.css.map*/