@import url(https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;1,300&display=swap);@import url(https://fonts.googleapis.com/css2?family=Dancing+Script:wght@700&display=swap);@import url(https://cdn-uicons.flaticon.com/uicons-bold-straight/css/uicons-bold-straight.css);@import url(https://cdn-uicons.flaticon.com/uicons-brands/css/uicons-brands.css);:root{--blue-dark-100:#1b232e;--blue-dark-50:#222a35;--gray-100:#535b66;--gray-50:#cfd4de;--yellow:#ffd98f;--purple:#676bdc;--blue:#3bafca}*{box-sizing:border-box;font-family:Poppins,sans-serif;margin:0;padding:0}body{background:#222a35;background:var(--blue-dark-50);color:#fff}nav,section{margin:0 auto;max-width:1000px;padding:0 16px}h1{font-size:2.8rem;line-height:2.8rem}h3{color:#cfd4de;color:var(--gray-50);font-size:1.4rem;font-weight:400;margin:16px 0}p{color:#535b66;color:var(--gray-100)}ul{list-style-type:none}a{color:#fff;text-decoration:none}@media (max-width:670px){section{display:block!important}}.navbar{align-items:center;display:flex;justify-content:space-between;padding:24px 16px}.logo{order:2;text-transform:uppercase}.logo span{color:var(--blue)}.navbar ul{align-items:center;display:flex;justify-content:space-around}.navbar li{margin:0 16px}.navbar a{color:var(--gray-100)}.navbar a.active{color:var(--gray-50)}@media (max-width:670px){.navbar li{margin:0 8px}}.intro{align-items:last baseline;background-position:50%;background-repeat:no-repeat;background-size:cover;display:flex;justify-content:space-between;margin-bottom:64px;margin-top:64px;position:relative;z-index:1}.intro h1{font-size:4rem;margin-bottom:32px}.intro h1 i{display:inline-block;font-size:3rem;margin-top:10px;transform:rotate(90deg)}@media (min-width:671px){.intro h1{transform:translateY(-80px)}.intro h1 i{transform:rotate(0deg)}.intro .me{margin-bottom:16px}}@media (max-width:420px){.intro .me{margin-bottom:20px}}.intro .me:first-of-type{display:block}.span{color:var(--gray-100);text-transform:uppercase}.intro-text .more{align-items:center;display:inline-block;display:flex;margin-left:50px;margin-top:150px}.more i{font-size:1.5rem}.intro-text h3,.intro-text p{max-width:300px}.design{background:var(--blue);bottom:11%;height:100px;right:20%;transform:rotate(15deg);width:100px}.design,.develop{align-items:center;border-radius:50%;display:flex;justify-content:center;position:absolute}.develop{background:var(--purple);height:130px;left:30%;text-align:center;transform:rotate(-3deg);width:130px}@media (min-width:671px){.develop{top:10%}}@media (max-width:670px){.develop{bottom:9%!important;left:10%}}.experience{background-color:var(--blue-dark-100);border-bottom:1px solid var(--blue-dark-50)}.experience section{align-items:center;display:flex;justify-content:space-between;padding:64px 16px;position:relative}.heading{color:var(--gray-100);font-family:Dancing Script,cursive;font-size:3.5rem;font-style:italic;margin-bottom:-8px;opacity:.4;position:relative;transform:rotate(-7deg);z-index:1}.experience h3,.experience p{max-width:400px}.num{color:var(--blue);font-size:2rem;font-weight:700;position:relative;z-index:3}.desc{color:var(--gray-50);width:100px}.experience ul{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 1fr;margin-bottom:32px}.services{background:var(--blue-dark-100);padding:64px 0 16px;position:relative}.services .images{display:flex;flex-wrap:wrap;justify-content:space-evenly;text-align:center}.services img{filter:grayscale(1) invert(1) contrast(1)}.services .cards{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));margin:24px 0;position:relative;z-index:2}.container{background:var(--blue-dark-50);bottom:0;height:100px;left:0;position:absolute;width:100%;z-index:1}.work{margin-top:64px}.work .span{margin-bottom:16px}.work h3{margin:16px 0 0}.work h3:last-of-type{margin:0 0 16px}.work p{max-width:350px}.work h1{font-size:6rem;line-height:6rem;margin:24px 0;text-align:center}@media (max-width:458px){section.work h1{line-height:4.5rem}}.review{background:var(--blue-dark-100)}.review section{grid-gap:20px;align-items:center;display:grid!important;gap:20px;grid-template-columns:1fr 2fr;padding:64px 16px}.review i{color:var(--blue-dark-50)}.client-image-container{background:var(--blue-dark-50);height:350px;width:250px}.client-review{max-width:500px}.client-review i{font-size:2rem}.client-review h3{font-weight:500}.client-review span{color:var(--blue)}.client-review h5{font-size:16px;font-weight:300}@media (max-width:670px){.review section{grid-template-columns:1fr;justify-content:center}.client-image-container{margin:0 auto}}.project{display:flex;justify-content:space-between;margin:128px 0}.project:last-of-type .project-date{order:2}.project-date{display:flex}.project-date span{align-items:center;background:var(--yellow);border-radius:50%;color:#fff;display:flex;height:50px;justify-content:center;margin-right:-5px;text-align:center;text-transform:uppercase;width:50px}.project-date span:last-of-type{background:var(--blue-dark-100);color:var(--gray-50)}.project-preview img{width:100%}@media (max-width:670px){.project{flex-direction:column}}.card{background:var(--blue-dark-50);border:1px solid var(--blue-dark-50);box-shadow:0 2px 10px var(--blue-dark-100);display:flex;flex-direction:column;height:350px;justify-content:center;padding:24px}.card:nth-child(2){background:var(--purple);color:#fff}.card-tag{color:var(--purple);font-size:1.5rem}.card:nth-child(2) i{color:#fff}.card-title{font-weight:700;max-width:150px}.card:nth-child(2) .card-title{color:#fff}.card:nth-child(2) .card-body{color:var(--gray-50)}.contact{align-items:center;display:flex;justify-content:space-between;padding:64px 16px}.contact .form-intro i{color:var(--blue);display:inline-block;transform:translateY(15px)}.contact .form-header{font-size:5rem;font-weight:700;line-height:5rem;max-width:300px}.contact .heading{font-size:6rem}.contact form{padding:16px}.contact p{margin:24px 0;max-width:500px}.contact label{display:block;margin:32px 0}.contact span{display:block;font-size:21px}.contact input,.contact textarea{background:none;border:none;border-bottom:1px solid var(--gray-100);color:#fff;outline:none;padding:10px;width:100%}.contact textarea{height:300px;resize:none}.contact button{align-items:center;background:none;border:none;color:var(--blue);cursor:pointer;display:flex;font-size:25px;gap:10px;outline:none;padding:7px}.contact i{margin-top:10px}@media (max-width:670px){.contact .heading{line-height:7rem}.form-header{font-size:4.5rem}}footer{margin:64px 0;text-align:center}footer .icons{display:flex;gap:20px;justify-content:center;margin:16px 0;text-align:center}footer i{color:var(--blue-dark-50);height:100%;margin-top:10px}footer a{align-items:center;background:var(--gray-100);border-radius:50%;display:flex;height:30px;justify-content:center;text-decoration:none;width:30px}footer span{color:var(--gray-100)}
/*# sourceMappingURL=main.bed0490e.css.map*/