.navbar{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#1e1e1eb3;background-color:#0000004d;border-bottom:1px solid #ffffff1a;box-shadow:0 4px 6px #0000001a;display:flex;height:5rem;justify-content:space-between;margin:0 auto;max-width:90%;padding:1rem 2rem;position:fixed;top:0;width:100vw;z-index:99}@keyframes slideDown{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}.navbar{animation:slideDown .6s ease forwards}.logo{animation:bounce 2s infinite;height:3rem;object-fit:cover;transition:transform .3s;width:4rem}.logo:hover{animation:bounce 1s infinite}.desktopMenuListItem{color:#fff;cursor:pointer;font-size:1rem;font-weight:500;margin:1rem;position:relative;transition:color .3s ease-in-out,border-bottom .3s ease-in-out}.desktopMenuListItem:after{background:linear-gradient(90deg,#ff512f,#dd2476);bottom:-3px;content:"";height:2px;left:0;position:absolute;transition:width .3s ease;width:0}.desktopMenuListItem:hover:after{width:100%}.desktopMenuListItem:hover{border-bottom:2px solid #ff0800;color:red;padding-bottom:.3rem}.desktopMenuBtn{align-items:center;background:linear-gradient(135deg,#ff512f,#dd2476);border:none;border-radius:2rem;color:#fff;cursor:pointer;display:flex;font-size:1rem;font-weight:600;height:3.5rem;justify-content:center;padding:.5rem 1.5rem;transition:transform .3s ease,box-shadow .3s ease}.desktopMenuBtn:hover{box-shadow:0 4px 10px #ff512f66;transform:translateY(-2px)}.desktopMenuImg{border-radius:50%;height:3rem;margin-right:.5rem;object-fit:cover;transition:transform .3s ease-in-out;width:3rem}.desktopMenuBtn:hover .desktopMenuImg{transform:rotate(15deg) scale(1.1)}.mobMenu{cursor:pointer;display:none;height:2.8rem;object-fit:cover}.navMenu{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background-color:#282828;border-radius:1rem;box-shadow:0 6px 12px #0003;display:none;flex-direction:column;height:-moz-fit-content;height:fit-content;min-width:15rem;padding:.5rem;position:absolute;right:2rem;top:4rem;transform:scale(.95);transform-origin:top right;transition:all .3s ease-in-out;z-index:10}.navMenu.show{animation:fadeIn .3s ease-in-out;display:flex;transform:scale(1)}.ListItem{background:#1e1e1e;border-radius:5px;color:#fff;font-size:1rem;font-weight:500;margin:.25rem;padding:.7rem 3rem;transition:background .3s ease-in-out,transform .2s ease-in-out}.ListItem:hover{background:#323232;transform:scale(1.05)}@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}#intro,.introContent{position:relative;width:100vw}.introContent{animation:fadeIn 2s ease-out;box-sizing:border-box;color:#fff;display:flex;flex-direction:column;font-size:3rem;height:100vh;justify-content:center;padding:2rem;z-index:2}.hello{font-size:1.8rem;font-weight:100}.introName{color:#ff4f5b;font-size:3rem;font-weight:700}.introPara{font-weight:380;letter-spacing:1px;line-height:1.6;margin-top:1rem;max-width:80%}.btn,.introPara{font-size:1.2rem}.btn{align-items:center;background:#fff;border:none;border-radius:2rem;color:#fff;cursor:pointer;display:flex;justify-content:center;margin:1rem 0;padding:.78rem 1.5rem;transition:background .3s ease}.btn:hover{background:#e73c4f}.btnImg{height:2rem;margin-right:.5rem}.bg,.btnImg{object-fit:cover}.bg{height:100 vh;height:100%;object-fit:contain;position:absolute;right:0;top:0;transform:scaleX(-1);width:60%;z-index:-1}@keyframes slideIn{0%{transform:translateX(100%)}to{transform:translateX(0)}}@media screen and (max-width:840px){.bg{right:-10vw;width:80%}.introContent{font-size:2rem}.hello{font-size:1.5rem}.introPara{font-size:.875rem}}@media screen and (max-width:647px){.introContent{font-size:1.6rem}.hello{font-size:1rem}.introPara{font-size:.61rem}.bg{right:-15vw;width:90%}}@media screen and (max-width:576px){.introContent{font-size:1.4rem}.hello{font-size:.85rem}.introPara{font-size:.55rem}.bg{right:-18vw;width:96%}}.btn{font-size:1rem}#skills{animation:fadeIn 1s ease-in-out;margin:0 auto;max-width:1200px;padding:3rem 1rem;text-align:center;width:100%}.skillTitle{-webkit-text-fill-color:#0000;animation:bounce 1s infinite alternate;background:linear-gradient(90deg,#ff6b6b,#f8e71c);-webkit-background-clip:text;color:#fff;font-size:3rem;font-weight:800;letter-spacing:2px;margin-bottom:1rem;text-transform:uppercase}.skillDesc{animation:fadeInUp 1s ease-in-out;color:#ccc;font-size:1.15rem;line-height:1.7;margin:0 auto 2rem;max-width:700px}.skillGrid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));padding:2rem 0}.skillCard{animation:fadeInUp 1s forwards;background:linear-gradient(145deg,#1e1e1e,#292929);border-radius:1.5rem;box-shadow:0 0 20px #0000004d;opacity:0;overflow:hidden;padding:1rem;transform:translateY(40px);transition:transform .4s ease,box-shadow .4s ease}.skillCard:hover{box-shadow:0 20px 40px #ffffff26;transform:translateY(-10px) scale(1.03)}.skillCardImg{border-radius:1rem;margin-bottom:1rem;max-height:180px;object-fit:cover;transition:transform .3s ease;width:100%}.skillCardImg:hover{transform:scale(1.05)}.skillCardText h3{color:#fff;font-size:1.5rem;font-weight:700;margin-bottom:.5rem}.skillCardText p{color:#ccc;font-size:1rem;line-height:1.5}.skillCardText a{color:#ff6b6b;font-weight:600;text-decoration:none;transition:color .3s ease}.skillCardText a:hover{color:#ff2e63;text-decoration:underline}@keyframes bounce{0%{transform:scale(1)}to{transform:scale(1.05)}}@media (max-width:768px){.skillTitle{font-size:2.2rem}.skillDesc{font-size:1rem}.skillCardText h3{font-size:1.2rem}.skillCardText p{font-size:.95rem}}@media (max-width:480px){.skillTitle{font-size:1.8rem}.skillDesc{font-size:.95rem;padding:0 1rem}.skillCardText h3{font-size:1rem}.skillCardText p{font-size:.9rem}.skillCardImg{max-height:140px}}#works{align-items:center;animation:fadeIn 1s forwards;display:flex;flex-direction:column;justify-content:center;margin:0 auto;max-width:75rem;min-height:calc(100vh - 5rem);opacity:0;padding:0 1rem;text-align:center;width:100vw}.workstitle{color:#fff;font-size:3rem;font-weight:600;margin:1.25rem 0;transition:transform .3s ease-in-out}.workstitle:hover{transform:scale(1.05)}.worksDesc{color:#f5f5f5;font-size:1.1rem;font-weight:300;max-width:50rem}.worksDesc:hover{transform:translateY(-5px)}.worksImgs{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(140px,2fr));max-width:1000px;padding:2rem 1rem;width:100%}.worksImg,.worksImgs{justify-content:center}.worksImg{align-items:center;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:16px;box-shadow:0 8px 25px #0003;display:flex;height:100px;object-fit:contain;padding:1rem;transition:transform .4s ease,box-shadow .4s ease;width:140px}.worksImg:hover{border:1px solid #fff6;box-shadow:0 12px 30px #ffffff40,0 4px 12px #00000026;transform:translateY(-10px) scale(1.05)}.workBtn{background:linear-gradient(135deg,#ff512f,#dd2476);border:none;border-radius:2rem;color:#fff;cursor:pointer;font-size:1rem;margin:3rem 0;padding:.75rem 3rem;transition:all .3s ease}.workBtn:hover{background:linear-gradient(135deg,#dd2476,#ff512f);box-shadow:0 4px 12px #0003;transform:translateY(-3px)}@media screen and (max-width:785px){.worksImg{height:30vw}.workstitle{font-size:2.5rem}.worksDesc{font-size:1rem;max-width:40rem}.workBtn{font-size:1rem;padding:.6rem 2.2rem}}@media screen and (max-width:585px){.worksImg{height:30vw;padding:.8rem;width:40vw}.workstitle{font-size:2rem}.worksDesc{font-size:.9rem;max-width:40rem}.workBtn{font-size:.9rem;padding:.6rem 1.5rem}}#contactPage{align-items:center;animation:fadeIn 1.2s ease-in-out;background-color:#121212;color:#fff;display:flex;flex-direction:column;min-height:100vh;padding:2rem;text-align:center;width:100%}.contactPageTitle{font-size:3rem;font-weight:700;margin-bottom:1rem}.clientDesc,.contactDesc{color:#ccc;font-size:1rem;font-weight:300;margin-bottom:1rem;padding:0 1rem}.clientImgs{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(3,1fr);justify-items:center;margin:1.5rem 0}.clientImg{background:#f8f8f8;border-radius:.5rem;box-shadow:0 2px 6px #0000001a;height:auto;max-width:10rem;object-fit:contain;padding:.5rem;width:100%}.clientImg:hover{transform:scale(1.05)}#clients{padding:1.5rem}.contactDesc{font-size:medium;font-weight:300;padding:1rem}.contactForm{align-items:center;background:#222;border-radius:1rem;box-shadow:0 0 15px #0003;display:flex;flex-direction:column;margin:2rem 0;max-width:40rem;padding:2rem;width:90%}.email,.msg,.name{background:#333;border:none;border-radius:.5rem;color:#fff;font-size:1rem;margin:.75rem 0;padding:.75rem 1rem;width:100%}.submitBtn{background:#fff;border:2px solid red;border-radius:.5rem;color:#000;cursor:pointer;margin-top:1rem;padding:.75rem 3rem;transition:all .3s ease}.submitBtn:hover{background:red;border-color:#fff;color:#fff}.links{display:flex;flex-wrap:wrap;gap:15px;justify-content:center;margin-top:1rem}.link{height:2.5rem;object-fit:cover;transition:transform .3s ease;width:2.5rem}.hover-bounce:hover{transform:scale(1.2)}@keyframes fadeIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}@media (max-width:768px){.contactPageTitle{font-size:2.2rem}.clientImg{width:40%}.clientImgs{grid-template-columns:repeat(2,1fr)}.contactDesc{font-size:.95rem}.email,.msg,.name{font-size:.9rem;padding:.4rem .8rem}.submitBtn{padding:.6rem 2rem}.link{height:2rem;width:2rem}}@media (max-width:480px){.contactPageTitle{font-size:2rem}.clientImg{width:100%}.clientImgs{grid-template-columns:1fr}.contactDesc{font-size:.85rem}.submitBtn{padding:.5rem 1.8rem}}.footer{align-items:center;background:#282828;display:flex;font-size:small;font-weight:300;height:4rem;justify-content:center;width:100vw}
/*# sourceMappingURL=main.463de9e9.css.map*/