.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:100vw;z-index:3}.logo{height:3rem;object-fit:cover;width:4rem}.desktopMenuListItem{background:none;border:none;color:#fff;cursor:pointer;font-family:inherit;font-size:1rem;margin:1rem;padding:0}.desktopMenuListItem:hover{border-bottom:3px solid #42dbed;color:#42dbed;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}.desktopMenuImg{height:1rem;margin:1rem;object-fit:cover;width:1rem}.active{border-bottom:3px solid #42dbed;color:#42dbed;padding-bottom:.5rem}.mobMenu{display:none;height:1.8rem;object-fit:cover}.navMenu{background:#282828;border-radius:1rem;display:flex;flex-direction:column;height:-webkit-fit-content;height:fit-content;min-width:15rem;padding:.5rem;position:absolute;right:2rem;top:4rem;z-index:2}.listItem{background:#1e1e1e;border:none;color:#fff;cursor:pointer;font-family:inherit;font-size:1rem;margin:.25rem;padding:.5rem 3rem}@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{height:100vh;object-fit:cover;position:absolute;right:0;top:-4rem;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:#42dbed}.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:840px){.bg{right:-10vw}.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:65rem;overflow:hidden;text-align:center;width:100vw}.skillTitle{font-size:3rem;font-weight:600;margin-bottom:1.5rem;padding-top:3rem}.skillDesc{font-size:1rem;font-weight:400;max-width:51rem;padding:0 2rem}.skillBars{margin:1.5rem;max-width:80%;text-align:left;width:100vw}.skillBar{background:#323232;border-radius:.5rem;display:flex;margin:1rem;padding:1.5rem 2rem}.skillBarImg{height:3rem;margin-right:2rem;object-fit:cover;width:3rem}.skillBarText>p{font-size:.9rem;font-weight:200}.skillBarText>h4{margin-bottom:.5rem;margin-top:1rem}@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}}#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}.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;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}.links{display:flex;flex-wrap:wrap}.link{height:3rem;margin:0 .75rem;object-fit:cover;width:3rem}.footer{align-items:center;background:#282828;display:flex;font-size:small;font-weight:300;height:4rem;justify-content:center;width:100vw}#project-list-container{margin:0 auto;max-width:1000px;padding:20px;text-align:center}.project-list-title{color:#fff;font-size:2rem;margin-bottom:20px}.no-projects{color:#777;font-style:italic}.project-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.project-card{background-color:#393838;border:1px solid #292929;border-radius:10px;box-shadow:0 2px 6px #0000000d;padding:15px;transition:transform .2s ease,box-shadow .2s ease}.project-card:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-5px)}.project-title{color:#ececec;font-size:1.25rem;margin-bottom:10px}.project-description{color:#f5f5f5;font-size:.95rem;margin-bottom:15px}.project-image-wrapper{margin-top:10px}.project-image{border-radius:6px;height:auto;max-width:100%}#blog-list-container{margin:0 auto;max-width:1000px;padding:20px;text-align:center}.blog-list-title{color:#fff;font-size:2rem;margin-bottom:20px}.no-blogs{color:#777;font-style:italic}.blog-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.blog-card{background-color:#393838;border:1px solid #292929;border-radius:10px;box-shadow:0 2px 6px #0000000d;padding:15px;transition:transform .2s ease,box-shadow .2s ease}.blog-card:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-5px)}.blog-title{color:#ececec;font-size:1.25rem;margin:10px 0}.blog-description{color:#f5f5f5;font-size:.95rem;margin-bottom:15px}.blog-card a{color:inherit;display:block;text-decoration:none}.blog-image-wrapper{margin-top:10px}.blog-image{border-radius:6px;height:auto;max-width:100%;object-fit:cover}.blogDetail{margin:0 auto;max-width:75rem;min-height:100vh;padding:4rem 2rem;width:100vw}.blogDetailContent{display:flex;flex-direction:column}.blogDetailTitle{color:#42dbed;font-size:2.5rem;margin-bottom:2rem}.blogDetailImage{border-radius:1rem;margin-bottom:2rem;max-height:400px;object-fit:cover;width:100%}.blogDetailBody{font-size:1rem;font-weight:300;letter-spacing:.5px;line-height:1.8}.blogDetailBody p{margin-bottom:1.5rem}.blogDetailBody h2,.blogDetailBody h3{color:#42dbed;margin-bottom:1rem;margin-top:2rem}.blogDetailBody img{border-radius:1rem;margin:2rem 0;width:100%}.blogDetailBody ol,.blogDetailBody ul{margin-bottom:1.5rem;margin-left:2rem}.blog-loading{margin:4rem auto;max-width:75rem;padding:2rem;width:100vw}
/*# sourceMappingURL=main.2a9d6a0f.css.map*/