.navbar{align-items:center;background:#1e1e1e;display:flex;height:5rem;justify-content:space-between;margin:0 auto;max-width:80rem;padding:1rem 2 rem;position:-webkit-sticky;position:sticky;top:0;width:100vw;z-index:3}.logo{height:5rem;object-fit:cover;width:5rem}.desktopMenuListItem{cursor:pointer;margin:1rem}.desktopMenuListItem:hover{border-bottom:3px solid skyblue;color:skyblue;padding-bottom:.5rem}@media screen and (max-width:450px){.desktopMenuListItem{font-size:13px}}@media screen and (max-width:405px){.desktopMenuListItem{font-size:8px}}#intro{height:calc(100vh - 4rem);margin:0 auto;max-width:80rem;overflow:hidden;position:relative;width:100vw}.profilePicture{height:50vh;-webkit-mask-image:linear-gradient(#000 97%,transparent);mask-image:linear-gradient(#000 97%,transparent);object-fit:cover;position:absolute;right:0;top:10rem;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:300}.introName{color:skyblue}.introParagraph{font-size:medium;font-weight:300;letter-spacing:1px}.button{background:#fff;border:none;border-radius:2rem;margin:1rem 0;padding:.75rem 2rem}@media screen and (max-width:960px){.profilePicture{height:40vh;top:23rem}.introContent{height:50vh}}#about{align-items:center;display:flex;flex-direction:column;justify-content:center;margin:0 auto;max-width:75rem;overflow:hidden;text-align:center;width:100vw}.aboutTitle{font-size:3rem;font-weight:800;margin-bottom:1.5rem;padding-top:3rem}.aboutDescription{font-size:1rem;font-weight:300;max-width:60rem;padding:0 2rem}.aboutCards{margin:1.5rem;max-width:80%;text-align:left;width:100vw}.aboutCard{background:#323232;border-radius:.5rem;display:flex;margin:1rem;padding:1.5rem 2rem}.aboutCardImg{height:3rem;margin-right:2rem;object-fit:cover;width:3rem}.aboutCardText>p{font-size:1rem;font-weight:300}.aboutCardText>h2{font-weight:500}@media screen and (max-width:450px){.aboutCardText>p{font-size:3vw}.aboutCardImg{height:2.25rem;width:2.25rem}.aboutCardText>h2{font-size:5vw}}@media screen and (max-width:375px){.aboutCardText>p{font-size:2.5vw}.aboutCardImg{height:2rem;width:2rem}.aboutCardText>h2{font-size:4.5vw}}#projects{align-items:center;display:flex;flex-direction:column;justify-content:center;margin:0 auto;max-width:75rem;min-height:calc(100vh - 25rem);padding:0 1rem;text-align:center;width:100vw}a:active,a:link,a:visited{color:#fff;font-weight:500}a:hover{color:skyblue}.projectsTitle{font-size:3rem;margin:1rem 0}.projectsDescription{font-size:1rem;font-weight:300}.projectsCards{margin:1.5rem;max-width:80%;text-align:left;width:100vw}.projectsCard{background:#323232;border-radius:.5rem;display:flex;margin:1rem;padding:1.5rem 2rem}.projectsCardImg{height:3rem;margin-right:2rem;object-fit:cover;width:3rem}.projectsCardText>p{font-size:1rem;font-weight:300}.projectsCardText>h2{font-weight:500}@media screen and (max-width:450px){.projectsCardText>p{font-size:3vw}.projectsCardImg{height:2.25rem;width:2.25rem}.projectsCardText>h2{font-size:5vw}}@media screen and (max-width:375px){.projectsCardText>p{font-size:2.5vw}.projectsCardImg{height:2rem;width:2rem}.projectsCardText>h2{font-size:4.5vw}}.footer{align-items:center;display:flex;flex-direction:column;height:5rem;justify-content:center;min-height:25vh;width:100vw}.footerTitle{font-size:2rem;margin:1rem 0}.links{display:flex;flex-wrap:wrap}.link{height:3.5rem;margin:0 1rem;object-fit:fill;width:4rem}.link:hover{-webkit-animation:shake .82s cubic-bezier(.36,.07,.19,.97) both;animation:shake .82s cubic-bezier(.36,.07,.19,.97) both;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-perspective:1000px;perspective:1000px;-webkit-transform:translateZ(0);transform:translateZ(0)}@-webkit-keyframes shake{10%,90%{-webkit-transform:translate3d(-1px,0,0);transform:translate3d(-1px,0,0)}20%,80%{-webkit-transform:translate3d(2px,0,0);transform:translate3d(2px,0,0)}30%,50%,70%{-webkit-transform:translate3d(-4px,0,0);transform:translate3d(-4px,0,0)}40%,60%{-webkit-transform:translate3d(4px,0,0);transform:translate3d(4px,0,0)}}@keyframes shake{10%,90%{-webkit-transform:translate3d(-1px,0,0);transform:translate3d(-1px,0,0)}20%,80%{-webkit-transform:translate3d(2px,0,0);transform:translate3d(2px,0,0)}30%,50%,70%{-webkit-transform:translate3d(-4px,0,0);transform:translate3d(-4px,0,0)}40%,60%{-webkit-transform:translate3d(4px,0,0);transform:translate3d(4px,0,0)}}
/*# sourceMappingURL=main.e2315492.css.map*/