#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{color:#838383;font-size:medium;font-weight:400;letter-spacing:1px;padding:1rem}.contactForm{align-items:center;border:none;display:flex;flex-direction:column;justify-content:center;margin:1rem;max-width:60rem;width:90vw}.email,.msg,.name{background:#000;color:#fff;font-size:medium;margin:.5rem;max-width:40rem;outline:none;padding:.5rem 1rem;width:100%}.email,.msg,.name,.submitBtn{border:none;border-radius:.5rem}.submitBtn{background:#c9ab00;color:#000;cursor:pointer;font-weight:400;margin:2rem;padding:.7rem 3.5rem;transition:.5s ease-in-out}.links{display:flex;flex-wrap:wrap}.link{height:2rem;margin:1rem .75rem;object-fit:cover;width:2rem}.submitBtn:hover{background:#fff}.good{background-color:green;height:100px;text-align:center;width:100px}.footer{background:#232323;font-size:small;font-weight:300;height:4rem}#intro,.footer{align-items:center;display:flex;justify-content:center;width:100vw}#intro{background-color:#282828;color:#fff;height:calc(100vh - 4rem);margin:0 auto;overflow:hidden;position:relative}.introText{text-align:center}.introContent{align-items:center;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:#c9ab00}.intropara{color:#838383;font-size:medium;font-weight:400;letter-spacing:1px;margin-top:18px;text-align:center;width:600px}.btn{background-color:#c9ab00;border:none;border-radius:2rem;color:#000;font-weight:500;margin:1rem 0;padding:.75rem 2rem;transition:.5s ease-in-out}.btn:hover{background-color:#fff;color:#000;cursor:pointer}@media screen and (max-width:840px){.introContent{font-size:10vw;max-width:60rem}.hello{font-size:4.5vw}}@media screen and (max-width:600px){.introContent{font-size:9vw}.hello{font-size:6vw}.intropara{padding:0 5rem}}@media screen and (max-width:480px){.introContent{font-size:9vw}.hello{font-size:4.5vw}.intropara{font-size:15px;max-width:30rem}}@-webkit-keyframes fadeIn{0%{opacity:0;-webkit-transform:scale(.8);transform:scale(.8)}30%{opacity:0;-webkit-transform:scale(1.2);transform:scale(1.2)}70%{opacity:0;-webkit-transform:scale(1.2);transform:scale(1.2)}to{opacity:0;-webkit-transform:scale(.8);transform:scale(.8)}}@keyframes fadeIn{0%{opacity:0;-webkit-transform:scale(.8);transform:scale(.8)}30%{opacity:0;-webkit-transform:scale(1.2);transform:scale(1.2)}70%{opacity:0;-webkit-transform:scale(1.2);transform:scale(1.2)}to{opacity:0;-webkit-transform:scale(.8);transform:scale(.8)}}@media screen and (max-width:770px){.item{font-size:2.1rem}}@media screen and (max-width:380px){.item{font-size:1.7rem}}.navbar{align-items:center;background:#282828;color:#fff;display:flex;height:5rem;justify-content:space-between;margin:0 auto;padding:1rem 2rem;position:-webkit-sticky;position:sticky;top:0;width:100vw;z-index:3}.logo{height:3rem;object-fit:cover;width:4rem}.desktopMenuListItem{cursor:pointer;margin:1rem;transition:.5s ease-in-out}.desktopMenuListItem:hover{border-bottom:1px solid #c9ab00;color:#c9ab00;padding-bottom:.5rem}.desktopMenuBtn{align-items:center;background-color:#c9ab00;border:none;border-radius:2rem;color:#000;display:flex;justify-content:center;padding:10px 2rem}.active{border-bottom:3px solid #c9ab00;color:#c9ab00;padding-top:.5rem}.navMenu{background:#181818;border-radius:1rem;display:flex;flex-direction:column;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;margin:0 6rem;min-width:15rem;padding:.5rem;position:absolute;right:3rem;top:4rem;z-index:2}.listItem{background:#282828;border-radius:1rem;color:#fff;margin:.25rem;padding:.5rem 3rem}.mobMenu{display:none;height:1.8rem;object-fit:cover}@media screen and (max-width:720px){.mobMenu{display:flex}.desktopMenu,.desktopMenuBtn{display:none}}@media screen and (max-width:380px){.navMenu{right:1.8px}}#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;transition:.5s}.skillTitle:hover{color:#c9ab00;cursor:pointer}.skillDesc{color:#838383;font-size:1rem;font-weight:400;letter-spacing:1px;max-width:51rem;padding:0 2rem}.skillBars{background-color:#2c2c2c;border-radius:8px;margin:1.5rem;max-width:80%;padding:20px;text-align:left;transition:1s ease-in-out;width:100vw}.skillBar{background:#282828;border-radius:.5rem;display:flex;margin:1rem;padding:1.5rem 2rem}.skillBarImg{height:3rem;margin-right:2rem;object-fit:cover;width:3rem}.skillBarText>p{color:#838383;font-size:1rem;font-weight:300}@media screen and (max-width:720px){.skillBarText>p{font-size:2vw}}@media screen and (max-width:420px){.skillBarText>p{font-size:3vw}.skillBarImg{height:2.25rem;width:2.25rem}.skillBarText>h2{font-size:5vw}}@media screen and (max-width:290px){.skillBarText>p{font-size:3vw}.skillBarImg{height:2.25rem;width:2.25rem}.skillBarText>h2{font-size:5vw}}#works{align-items:center;display:flex;flex-direction:column;justify-content:center;margin:0 auto;max-width:60rem;min-height:calc(100vh - 4rem);padding:0 1rem;text-align:center;width:100vw}.worksTitle{font-size:3rem;margin:1rem 0}.workDesc{color:#838383;font-size:1rem;font-weight:400;letter-spacing:1px;margin-bottom:10px;max-width:45rem}.worksImgs{flex-wrap:wrap;justify-content:center;max-width:65rem;width:100vw}.worksImgs,.worksImgs a{align-items:center;display:flex}.worksImgs a{color:#000;flex-direction:column;margin-left:.6rem}.worksImgs h4{margin-bottom:.8rem;margin-top:1rem}.main-buttons{display:flex}.worksImg{border-radius:4px;height:20rem;margin:.5rem;object-fit:cover;width:16rem}.worksImgs img:hover{-webkit-filter:blur(2px);filter:blur(2px)}.workBtn{background:#c9ab00;border:none;border-radius:2rem;font-size:.8rem;font-weight:500;margin:.8rem 0;padding:.5rem 1.5rem;transition:.2s ease-in-out}.workBtn:hover{background-color:#fff}@media screen and(max-width:585px){.worksImg{height:48vw}}.workDesc h2{color:#fff;margin-top:10px}.worksImgs h4{color:#fff}
/*# sourceMappingURL=main.e0f46bf3.css.map*/