.hero-img{width:50%;border-radius:50%;border:3px solid white}.hero{display:flex;flex-direction:column;align-items:center}@media (min-width: 768px){.hero{margin-left:25%;top:0;position:absolute}.hero-img{width:20%}}.about-img{width:100%}.first-section{display:flex;flex-direction:column;align-items:center}@media (min-width: 640px){.first-section{flex-direction:row;margin-top:1rem}.about-img{width:50%}.about-discription{font-size:1.3rem}}@media (min-width: 768px){.about{margin-left:25%;margin-right:auto;top:0;position:absolute;max-width:1024px;width:60%}.first-section{gap:1.4rem}.about-img{width:45%}}@media (min-width: 1024px){.about-img{width:35%}}.email{font-size:2rem}.location{margin-top:1.5rem}.contact-mail a{color:var(--clr-light)}.email:hover{color:var(--clr-rose);transition:.3s}.contact-social{margin-top:4rem}.social-card{display:flex;gap:2rem}.social-logo{font-size:2rem}.contact-btn{font-size:1rem}.mini-card a{color:var(--clr-light)}.mini-card a:hover{color:var(--clr-rose);transition:.3s}@media (min-width: 768px){.h{margin-top:3rem;position:absolute;margin-left:25%}.contact{margin-left:25%;margin-top:9rem;margin-right:auto;position:absolute;max-width:1024px;width:60%}}.header{display:none;border-right:2px solid white;position:fixed}.header-nav{display:flex;flex-direction:column;align-items:center}.header-nav ul{display:flex;margin-top:5rem;flex-direction:column;padding:0;gap:20px}.header-nav ul a{text-decoration:none;font-size:1.3rem;color:var(--clr-light)}@media (min-width: 768px){.header{display:block;width:20px}.container2{width:25%;height:100vh}.logo{margin-top:4rem}}.mobile-nav{margin-top:1rem;display:flex;justify-content:space-between;z-index:9999;align-items:center}.mobile-nav a{text-decoration:none;color:#000}.logo{width:50px}.menu{font-size:25px;cursor:pointer}.mobile-li ul{margin-top:7rem;display:flex;flex-direction:column;margin-left:30%;gap:1rem}.mobile-li a{font-size:1.3rem;text-decoration:none;color:var(--clr-light);font-weight:600}.mobile-li{position:fixed;z-index:99;top:0;height:100vh;left:0;bottom:0;width:75%;background-color:var(--clr-dark);color:var(--clr-light);border-right:2px solid var(--clr-light)}.menu-li{display:none}@media (min-width: 768px){.container{max-width:768px}.mobile-nav{display:none}}@media (min-width: 1024px){.container{max-width:1024px}}@media (min-width: 1280px){.container{max-width:1280px}}@media (min-width: 1536px){.container{max-width:1536px}}.h h2{margin-top:2rem}.h h1{margin-top:5rem}.card{border:2px solid white;display:flex;flex-direction:column;align-items:center;padding:2rem;margin-top:2rem}.web{font-size:15rem}@media (min-width: 768px){.h h1,.h h2{margin:0}.h{margin-top:1rem;position:absolute;margin-left:25%}.service{margin-left:25%;margin-top:9rem;position:absolute;max-width:1024px;width:60%;display:grid;grid-template-columns:auto auto;gap:2rem}.card{width:100%;padding:0;text-align:center}.web{font-size:5rem}.service p{color:var(--clr-slate400)}.p{padding:0 2rem 2rem}}@media (min-width: 1024px){.web{font-size:8rem}}.work-card{border:2px solid white;padding:1rem;display:flex;flex-direction:column;align-items:center;margin-top:4rem}.card-img{width:100%}@media (min-width: 640px){.work{display:grid;grid-template-columns:auto auto;gap:2rem}.work-card{margin:0}}@media (min-width: 768px){.h{margin-top:3rem;position:absolute;margin-left:25%}.work{margin-left:25%;margin-top:9rem;margin-right:auto;position:absolute;max-width:1024px;width:60%;display:grid;grid-template-columns:auto auto;gap:2rem}.work-card{border:2px solid white;width:100%;display:flex;flex-direction:column;text-align:center;padding:0}.service p{color:var(--clr-slate400)}.card-img{width:100%}}@media (min-width: 1024px){.work{margin-left:25%;margin-top:9rem;margin-right:auto;position:absolute;max-width:1024px;width:60%;display:grid;grid-template-columns:auto auto auto;gap:2rem}}@media (min-width: 1536px){.about{max-width:1536px;width:60%}}:root{--clr-dark: #070a13;--clr-light: #f1f5f9;--clr-slate200: #cbd5e1;--clr-slate400: #94a3b8;--clr-slate600: #475569;--clr-slate800: #1e293b;--clr-rose: #e11d48;--clr-indigo: #4f46e5;--size-xxs: .5rem;--size-xs: .75rem;--size-sm: .875rem;--size-base: 1rem;--size-lg: 1.125rem;--size-xl: 1.25rem;--size-2xl: 1.5rem;--size-3xl: 1.875rem;--size-4xl: 2.25rem;--size-5xl: 3rem;--size-6xl: 3.75rem;--size-7xl: 4.5rem;--size-8xl: 6rem;--size-9xl: 8rem;--size-10xl: 10rem}*{margin:0;padding:0;box-sizing:border-box;line-height:1.5;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}html{scroll-behavior:smooth}body{background-color:var(--clr-dark);color:var(--clr-light)}img,picture,video,canvas,svg{display:block;max-width:100%;-webkit-user-select:none;user-select:none}button{display:inline-block;padding:0;border:none;background:none;cursor:pointer;color:inherit}a{color:var(--clr-rose)}strong{color:var(--clr-indigo)}.btn{display:inline-block;font-weight:600;text-decoration:none;letter-spacing:-.05rem;background-color:var(--clr-rose);color:var(--clr-light);padding:.5em 1em;border-radius:6px;box-shadow:0 10px 20px #e11d4880,0 6px 6px #e11d4880,0 0 100px -10px var(--clr-rose);transition:transform .3s,box-shadow .3s}.btn:hover{transform:translateY(-3px);box-shadow:0 40px 28px #e11d4840,0 10px 10px #e11d4838,0 0 120px -10px var(--clr-rose)}.container{width:90%;margin-left:auto;margin-right:auto}.container1{margin-left:25%;margin-right:3rem}.section{margin-top:5rem}@media (min-width: 475px){.container{max-width:475px}}@media (min-width: 640px){.container{max-width:640px}}@media (min-width: 768px){.container,.container2{max-width:768px}}@media (min-width: 1024px){.container,.container2{max-width:1024px}}@media (min-width: 1280px){.container,.container2{max-width:1280px}}@media (min-width: 1536px){.container,.container2{max-width:1536px}}