.navbar{align-items:center;background:linear-gradient(90deg,#760c93cc,#083485cc);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:3rem;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:#fff;border:none;border-radius:2rem;color:#000;cursor:pointer;display:flex;justify-content:center;padding:0 1rem}.desktopMenuImg{cursor:pointer;height:1rem;margin:1rem;object-fit:cover;width:1rem}.active{border-bottom:3px solid #ff0;color:#ff0;padding-bottom:.5rem}.navMenu{background:#282828;border-radius:1rem;display:flex;flex-direction:column;height:fit-content;min-width:15rem;padding:.5rem;position:absolute;right:2rem;top:4rem;z-index:2}.mobMenu{display:none;height:1.8rem;object-fit:cover}.listItem{background:#1e1e1e;border-radius:.5rem;color:#fff;margin:.25rem;padding:.5rem 3rem}.contact{cursor:pointer}@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{animation:fadeIn .5s ease-in-out forwards;display:flex;flex-direction:column;font-size:3rem;font-weight:700;height:100vh;justify-content:center;opacity:0;padding:2rem;width:100vw}.hello{font-size:1.75rem;font-weight:100}.hello,.introName{animation:typing 1s steps(20) forwards;overflow:hidden;white-space:nowrap;width:0}.introName{animation-delay:1s;color:#ff0}.introText{animation:typing 1s steps(30) forwards;animation-delay:2s;overflow:hidden;white-space:nowrap;width:0}.introPara{animation:fadeIn .5s ease-in-out forwards;animation-delay:3s;animation-fill-mode:forwards;font-size:18px;font-weight:200;letter-spacing:1px;max-width:75vw;opacity:0;white-space:pre-wrap}.resume{align-items:center;animation:fadeIn 1s ease-in-out forwards;animation-delay:3.5s;animation-fill-mode:both;border:1px solid #2bd4b0;color:#fff;display:flex;font-size:20px;font-weight:lighter;justify-content:center;margin:1rem 0 0;opacity:0;padding:10px;width:25vw}.downloadimg{height:20px;margin-right:10px;width:20px}.btn{background:#fff;border:none;border-radius:2rem;cursor:pointer;margin:1rem;padding:.75rem 1rem}.btnImg{height:1rem;margin:0 1rem;object-fit:cover}@keyframes typing{0%{width:0}to{width:100%}}@keyframes blink-caret{0%,to{border-color:#0000}50%{border-color:#2bd4b0}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@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:300;max-width:50rem;padding:0 2rem}.skillBars{margin:1.5rem;max-width:80%;text-align:left;width:100vw}.skillBar{background:#323232;border-radius:.5rem;display:flex;justify-content:space-between;margin:1rem 0;padding:1.5rem 2rem;transition:transform .3s ease-in-out}.skillBar:hover{transform:scale(1.05)}.skillBar.active{transform:scale(1.1)}.skillBarImg{height:3rem;margin-right:2rem;object-fit:cover;transition:transform .3s ease-in-out;width:3rem}.skillBar:hover .skillBarImg{transform:scale(1.1)}.skillBar.active .skillBarImg{transform:scale(1.2)}.skillBarText>p{font-size:.9rem;font-weight:200}@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}}.projectCard{background:#1a1a2ee6;border-radius:8px;box-shadow:0 2px 4px #0000001a;display:flex;margin:10px;max-width:600px;overflow:hidden;position:relative;transition:transform .3s ease-in-out}.projectCard:before{background:linear-gradient(145deg,#ffffff1a,#fff0 70%);border-radius:8px;content:"";height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%}.projectTitle{align-items:center;display:flex;flex:1 1;padding:16px}.projectTitle h3{color:#fff;font-size:1.5rem;font-weight:700;margin-bottom:8px}.projectInfo{display:flex;flex-direction:column;padding:16px}.projectInfo a{color:#61dafb;margin-top:8px;text-decoration:none}.projectInfo p{color:#ccc;font-size:1rem;margin-top:0}#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}.worksDesc{font-size:1rem;font-weight:300;max-width:45rem}.worksImgs{align-items:center;display:flex;flex-wrap:wrap;justify-content:center;max-width:65rem;width:100vw}.worksImg{border-radius:1rem;cursor:pointer;height:20rem;margin:.5rem;object-fit:cover;width:20rem}.worksBtn{background:#fff;border-radius:2rem;bottom:none;font-size:1rem;margin:3rem 0;padding:.5rem 2.5rem}@media screen and (max-width:585px){.worksImg{height:48vw}}#contactPage{align-items:center;display:flex;flex-direction:column;justify-content:center;margin:0 auto;max-width:60rem;min-height:calc(100vh -4 rem);text-align:center;width:100vw}.contactpageTitle{font-size:3rem;font-weight:700;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,.subject{background:#282828;border:none;border-radius:.5rem;color:#fff;font-size:medium;margin:.5rem;max-width:40rem;padding:.5rem 1rem;width:100%}.submitBtn{background:#fff;border:none;border-radius:.5rem;cursor:pointer;margin:2rem;padding:.75rem 3.5rem}.submitBtn:disabled{cursor:not-allowed;opacity:.7}.links{display:flex;flex-wrap:wrap}.link{height:3rem;margin:0 .75rem;object-fit:cover;width:3rem}.social-icon{display:inline-block;margin-left:14px}.social-icon a{align-items:center;background:#d9d9d91a;border:1px solid #ffffff80;border-radius:50%;display:inline-flex;height:42px;justify-content:center;line-height:1;margin-right:6px;width:42px}.social-icon a:before{background-color:#fff;border-radius:50%;content:"";height:42px;position:absolute;transform:scale(0);transition:.3s ease-in-out;width:42px}.social-icon a:hover:before{transform:scale(1)}.social-icon a img{transition:.3s ease-in-out;width:40%;z-index:1}.social-icon a:hover img{filter:brightness(0) saturate(100%) invert(0) sepia(7%) saturate(98%) hue-rotate(346deg) brightness(95%) contrast(86%)}.message{border-radius:4px;margin-top:1rem;padding:.75rem;text-align:center}.message.success{background-color:#d4edda;border:1px solid #c3e6cb;color:#155724}.message.error{background-color:#f8d7da;border:1px solid #f5c6cb;color:#721c24}#footer{border-top:1px solid #2bd4b0}#experience{margin:0 auto;max-width:75rem;padding:4rem 2rem;position:relative}.companyLogo{height:auto;object-fit:contain;position:absolute;right:2rem;top:2rem;width:60px}.experienceTitle{font-size:2.5rem;margin-bottom:3rem;text-align:center}.experienceWrapper{display:flex;flex-direction:column;gap:2rem}.experienceItem{background:#ffffff1a;border-radius:1rem;box-shadow:0 0 10px #0000001a;padding:2rem;position:relative}.experienceItem h3{color:#ff0;font-size:1.5rem;margin-bottom:.5rem}.experienceItem h4{color:#ccc;font-size:1.2rem;margin-bottom:.5rem}.experienceDate{color:#888;font-size:1rem;margin-bottom:1rem}.experienceList{list-style-type:none;padding:0}.experienceList li{margin-bottom:.5rem;padding-left:1.5rem;position:relative}.experienceList li:before{color:#ff0;content:"•";left:0;position:absolute}@media screen and (max-width:768px){#experience{padding:2rem 1rem}.experienceTitle{font-size:2rem}.experienceItem{padding:1.5rem}.experienceItem h3{font-size:1.3rem}.experienceItem h4{font-size:1.1rem}}
/*# sourceMappingURL=main.002b47c2.css.map*/