.navBar{align-items:center;background:linear-gradient(90deg,#1e1e1e,#343a40);box-shadow:0 4px 10px #00000080;display:flex;height:5rem;justify-content:space-between;padding:1rem 2rem;position:-webkit-sticky;position:sticky;top:0;width:100%;z-index:1000}.logo{height:3rem;object-fit:cover;width:4rem}.desktopMenu{display:flex;gap:2rem}.desktopMenuListItem{color:#fff;cursor:pointer;font-size:1rem;font-weight:700;text-transform:uppercase;transition:color .3s ease-in-out,border-bottom .3s ease-in-out}.desktopMenuListItem:hover{border-bottom:3px solid #fc0;color:#fc0;padding-bottom:.5rem}.desktopMenuListItem.active,.mobileMenuItem.active{border-bottom:3px solid #fc0;color:#fc0!important;padding-bottom:.5rem}.desktopMenuListItem,.mobileMenuItem{border-bottom:none;color:#fff}.desktopMenuButton{align-items:center;background:#fc0;border:none;border-radius:2rem;color:#000;cursor:pointer;display:flex;font-weight:700;padding:.5rem 1.5rem;transition:background .3s ease-in-out}.desktopMenuButton:hover{background:#e6b800}.desktopMenuImg{height:1rem;margin-left:.5rem;width:1rem}.burgerMenu{color:#fff;cursor:pointer;display:none;font-size:1.8rem}.mobileMenu{align-items:center;background:#1e1e1ef2;display:flex;flex-direction:column;height:100vh;justify-content:center;position:fixed;right:-100%;top:0;transition:right .3s ease-in-out;width:60%}.mobileMenu.open{right:0}.mobileMenuItem{color:#fff;cursor:pointer;font-size:1.5rem;font-weight:700;margin:1rem;transition:color .3s ease-in-out}.mobileMenuItem:hover{color:#fc0}.mobileMenuButton{background:#fc0;border:none;border-radius:2rem;color:#000;cursor:pointer;font-size:1rem;font-weight:700;margin-top:1rem;padding:.75rem 1.5rem}.mobileMenuButton:hover{background:#e6b800}.mobileMenuImg{height:1rem;margin-left:.5rem;width:1rem}@media screen and (max-width:768px){.desktopMenu,.desktopMenuButton{display:none}.burgerMenu{display:block}}#intro{height:calc(100vh - 4rem);margin:0 auto;max-width:75rem;overflow:hidden;position:relative;width:100vw}.bg{height:125vh;object-fit:cover;position:absolute;right:1rem;top:2rem;z-index:-1}.introContent{animation:fadeIn 1.5s ease-in-out;display:flex;flex-direction:column;font-size:3rem;font-weight:700;height:100vh;justify-content:center;padding:2rem;width:100vw}.introName{animation:fadeIn 2s ease-in-out 1s forwards;color:gold;font-weight:800;opacity:0}.introPara{animation:slideUp 1.5s ease-in-out;color:#bbb;font-size:1rem;font-weight:300;letter-spacing:1px;margin-top:1rem}.btn{animation:fadeIn 1.5s ease-in-out 1.5s forwards;background:linear-gradient(135deg,gold,orange);border:none;border-radius:2rem;color:#000;cursor:pointer;font-weight:600;margin:1rem 0;opacity:0;padding:.75rem 1.5rem;transition:transform .3s,box-shadow .3s}.btn:hover{box-shadow:0 4px 10px #ffd70080;transform:scale(1.05)}.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}}.hello{animation:typing 2.5s steps(15) forwards,blinkCursor .8s infinite;border-right:2px solid #ff0;color:#fff;display:inline-block;font-size:2rem;font-weight:300;overflow:hidden;white-space:nowrap;width:15ch}@keyframes typing{0%{width:0}to{width:15ch}}@keyframes blinkCursor{50%{border-color:#0000}}#skills{align-items:center;animation:fadeIn 1s ease-in-out;background:linear-gradient(135deg,#161616,#232323);border-radius:12px;box-shadow:0 8px 16px #0006;display:flex;flex-direction:column;justify-content:center;margin:0 auto;max-width:65rem;overflow:hidden;padding:3rem 1rem;text-align:center;width:100vw}.skillTitle{color:gold;font-size:3rem;font-weight:700;letter-spacing:2px;margin-bottom:1.5rem;padding-top:1rem;position:relative;text-transform:uppercase}.skillTitle:after{animation:slideIn 1s ease-in-out;background:gold;border-radius:2px;content:"";display:block;height:5px;margin:.5rem auto;width:80px}.skillDesc{color:#ddd;font-size:1.2rem;font-weight:400;line-height:1.6;max-width:50rem;padding:0 2rem}.skillBars{margin-top:2rem;max-width:85%;text-align:left;width:100%}.skillBar{align-items:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#ffffff1a;border-radius:12px;box-shadow:inset 0 0 10px #ffffff0d;cursor:pointer;display:flex;margin:1.5rem 0;padding:1rem 1.5rem;transition:all .3s ease-in-out}.skillBar:hover{background:#fff3;box-shadow:0 4px 12px #ffd70066;transform:scale(1.05)}.skillBarImg{background:#ffffff1a;border-radius:50%;height:3.5rem;margin-right:1.5rem;object-fit:cover;padding:.3rem;transition:transform .3s ease-in-out;width:3.5rem}.skillBar:hover .skillBarImg{transform:rotate(15deg)}.skillBarText h2{color:gold;font-size:1.6rem;font-weight:700}.skillBarText p{color:#ccc;font-size:1rem;font-weight:400}@media screen and (max-width:720px){.skillTitle{font-size:2.4rem}.skillDesc{font-size:1rem}.skillBars{max-width:95%}.skillBar{padding:.9rem}.skillBarText h2{font-size:1.3rem}.skillBarText p{font-size:.9rem}}@media screen and (max-width:1024px){.skillBars{max-width:90%}}@media screen and (min-width:1025px){.skillBars{max-width:75%}}#works{animation:fadeIn 1s ease-in-out;background:linear-gradient(135deg,#1e1e1e,#292929);border-radius:12px;box-shadow:0 8px 16px #0000004d;color:#fff;padding:4rem 2rem;text-align:center}.worksTitle{color:gold;display:inline-block;font-size:2.8rem;font-weight:700;letter-spacing:2px;margin-bottom:2rem;position:relative;text-transform:uppercase}.worksTitle:after{animation:slideIn 1s ease-in-out;background:gold;border-radius:2px;content:"";display:block;height:4px;margin:.5rem auto;width:60px}.projectsContainer{grid-gap:2rem;align-items:center;display:grid;gap:2rem;grid-template-columns:repeat(3,1fr);justify-content:center}.projectCard{animation:slideUp .8s ease-in-out;background:#ffffff14;border-radius:12px;box-shadow:0 4px 10px #ffffff1a;cursor:pointer;padding:1.5rem;text-align:center;transition:transform .3s ease-in-out,box-shadow .3s ease-in-out}.projectCard:hover{background:#ffffff26;box-shadow:0 6px 14px #fff3;transform:translateY(-10px)}.projectImage{border-radius:8px;height:auto;margin-bottom:1rem;max-height:200px;object-fit:contain;transition:transform .3s ease-in-out;width:100%}.projectCard:hover .projectImage{transform:scale(1.05)}.projectDetails h3{color:gold;font-size:1.5rem;margin-bottom:.5rem;transition:color .3s ease-in-out}.projectCard:hover .projectDetails h3{color:orange}.projectDetails p{color:#bbb;font-size:1rem;font-weight:300}.projectLink{background:linear-gradient(135deg,gold,orange);border-radius:6px;color:#000;display:inline-block;font-weight:600;margin-top:.5rem;padding:.5rem 1rem;text-decoration:none;transition:background .3s ease-in-out,transform .2s}.projectLink:hover{background:linear-gradient(135deg,orange,gold);transform:scale(1.05)}@keyframes slideIn{0%{width:0}to{width:60px}}@media screen and (max-width:480px){.worksTitle{font-size:2rem}.projectsContainer{grid-template-columns:1fr}.projectCard{padding:1rem}.projectDetails h3{font-size:1.2rem}.projectDetails p{font-size:.9rem}}@media screen and (max-width:768px){.projectsContainer{grid-template-columns:repeat(2,1fr)}}@media screen and (max-width:1024px){.projectsContainer{grid-template-columns:repeat(2,1fr)}}@media screen and (min-width:1025px){.projectsContainer{grid-template-columns:repeat(3,1fr)}}@media screen and (max-width:480px){.projectImage{max-height:150px}}#contacts{background:#1e1e1e;color:#fff;padding:4rem 2rem;text-align:center}.contactTitle{animation:fadeIn 1s ease-in-out;font-size:2.5rem;font-weight:700;margin-bottom:1rem;position:relative}.contactDesc{color:#bbb;font-size:1rem;font-weight:300;margin:0 auto 2rem;max-width:40rem}.contactContainer{grid-gap:2rem;align-items:center;display:grid;gap:2rem;grid-template-columns:repeat(2,1fr);justify-content:center;margin-top:2rem}.contactCard{animation:slideUp .8s ease-in-out;background:#323232;border-radius:12px;box-shadow:0 4px 10px #ffffff1a;padding:2rem;text-align:center;transition:transform .3s ease-in-out,box-shadow .3s ease-in-out}.contactCard:hover{box-shadow:0 6px 15px #fff3;transform:translateY(-10px)}.contactIcon{color:#ff0;font-size:2rem;margin-bottom:.75rem;transition:transform .3s ease-in-out}.contactCard:hover .contactIcon{color:orange;transform:scale(1.2)}.contactCard h3{color:#ff0;font-size:1.5rem;margin-bottom:.5rem}.contactCard p{color:#bbb;font-size:1rem;font-weight:300}.contactLink{background:#ff0;border-radius:6px;color:#000;display:inline-block;font-weight:600;margin-top:.75rem;padding:.5rem 1rem;text-decoration:none;transition:background .3s ease-in-out}.contactLink:hover{background:orange}@keyframes fadeIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media screen and (max-width:480px){.contactTitle{font-size:2rem}.contactContainer{grid-template-columns:1fr}}@media screen and (max-width:768px){.contactContainer{grid-template-columns:1fr}}#footer{background:#1e1e1e;bottom:0;color:#fff;font-size:1rem;font-weight:400;padding:1.5rem 0;position:relative;text-align:center;width:100%}.footer-container{align-items:center;display:flex;flex-direction:column;justify-content:center}.footer-text{margin-bottom:.5rem;opacity:.8}.footer-links{display:flex;gap:1rem;justify-content:center}.footer-icon{color:#fff;font-size:1.5rem;transition:transform .3s ease-in-out,color .3s ease-in-out}.footer-icon:hover{color:#ff0;transform:scale(1.2)}@media screen and (max-width:600px){.footer-text{font-size:.9rem}.footer-icon{font-size:1.3rem}}
/*# sourceMappingURL=main.ad025796.css.map*/