body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}body{font-family:Arial,Helvetica,sans-serif;margin:0}.logo{color:#fff;font-size:2em;font-weight:700;text-decoration:none}.topnav{background-color:#333;justify-content:space-between;overflow:hidden;padding:10px 20px}.container,.topnav{align-items:center;display:flex}.container{justify-content:center;margin:0 auto;width:min(95%,45rem)}.topnav .social-media a{color:#f2f2f2;font-size:1em;margin:0 10px}.nav-links{align-items:center;display:flex}.topnav .nav-links a{color:#fff;font-size:17px;font-weight:lighter;margin:0 10px;text-align:center;text-decoration:none}.nav-links a:hover{background-color:#ddd;color:#000}.nav-links a.active{background-color:#04aa6d;color:#fff}.nav-links .icon{display:none}@media screen and (max-width:600px){.topnav{flex-direction:column-reverse}.topnav .container{padding:.3rem}.nav-links a{display:none}.nav-links a.icon{display:block;float:right}.dog,.hand{display:none}.nav-links.responsive{display:flex;flex-direction:column-reverse;position:relative}.nav-links.responsive a.icon{display:flex}.nav-links.responsive a{display:block;float:none;text-align:left}.logo{align-items:center;color:#fff;font-size:1em;font-weight:400;justify-content:center;text-decoration:none}}.scroll-to-top{background-color:var(--clr-primary-5);border-radius:var(--border-radius-hover);bottom:20px;box-shadow:4px 4px #222;cursor:pointer;display:none;height:2rem;margin:var(--margin);padding:.5rem 1rem;pointer-events:painted;position:fixed;right:30px;z-index:99}.scroll-to-top:hover{background-color:#555}.landing-page{background-color:var(--clr-white);font-family:var(--ff-primary);font-size:var(--ff-primary-size);font-weight:200}.landing-page h1{color:var(--clr-white);font-family:var(--ff-primary)}.landing-header{background-color:var(--clr-primary-1)}.landing-header .content{color:var(--clr-white);padding:50px;position:relative;text-align:center}.landing-header .hand{left:2%;position:absolute;top:70%}.landing-header .hand:hover{animation:shake .5s;animation-iteration-count:infinite}.head.move-area{display:inline-block;position:relative}#anchor{max-width:400px;width:100%}.head{position:relative;z-index:2}.eye{height:40px;position:absolute;width:40px;z-index:1}.eye-left{left:23%;top:38%}.eye-right{right:48%;top:38.5%}.online-solution{overflow:hidden}.online-solution,.online-solution .content{padding:50px;position:relative;text-align:center}.online-solution .content{color:var(--clr-white);color:var(--clr-primary-3);z-index:1}.design-point,.industry-leaders{background-color:var(--clr-background);color:var(--clr-white);margin-bottom:5rem}.design-point .content{padding:50px;text-align:center}.design-point .content,.design-point .content h2{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;font-size:4rem;font-weight:900;position:relative}.design-point .content .hand-two{position:absolute;right:2%;top:5%}.design-point .hand-two:hover{animation:shake .5s;animation-iteration-count:infinite}@keyframes shake{0%{transform:translate(1px,1px) rotate(0deg)}10%{transform:translate(-1px,-2px) rotate(-1deg)}20%{transform:translate(-3px) rotate(1deg)}30%{transform:translate(3px,2px) rotate(0deg)}40%{transform:translate(1px,-1px) rotate(1deg)}50%{transform:translate(-1px,2px) rotate(-1deg)}60%{transform:translate(-3px,1px) rotate(0deg)}70%{transform:translate(3px,1px) rotate(-1deg)}80%{transform:translate(-1px,-1px) rotate(1deg)}90%{transform:translate(1px,2px) rotate(0deg)}to{transform:translate(1px,-2px) rotate(-1deg)}}.design-point span{color:var(--clr-primary-1)}.industry-leaders{background-color:#fff;padding:50px;text-align:center}.industry-leaders .logos{display:flex;flex-wrap:wrap;justify-content:space-around}.industry-leaders .logos img{height:10rem;margin:10px;max-width:auto}.why-work-with-us{background-color:var(--clr-primary-1);color:var(--clr-white);padding:50px;text-align:center}.why-work-with-us h2{color:var(--clr-white);font-size:2rem;font-weight:900}.why-work-with-us .content{align-items:center;display:flex;flex-direction:row;gap:3rem}.why-work-with-us img{border-radius:10px;margin-top:20px;max-width:500px;width:100%}.client-testimonials{background-color:var(--clr-background);color:var(--clr-black);padding:50px;text-align:center}.client-testimonials .testimonials{display:flex;flex-wrap:wrap;justify-content:space-around}.client-testimonials .testimonial{margin:20px;max-width:300px;text-align:left}.client-testimonials .testimonial img{border-radius:50%;height:50px;margin-bottom:10px;width:50px}.client-testimonials .testimonial p{margin-bottom:10px}@media screen and (max-width:600px){.why-work-with-us .content{flex-direction:column}.design-point .content h2{font-size:2rem}.client-testimonials,.industry-leaders,.landing-header .content,.online-solution,.online-solution .content,.why-work-with-us{margin:0;padding:.5rem}.design-point .content{padding:1rem}.hand-two{display:none}.moving-text-container{display:none;font-size:2rem}}:root{--clr-primary-1:#88b2bf;--clr-primary-2:#696969;--clr-primary-3:#141414;--clr-primary-4:#a5d5f8;--clr-primary-5:plum;--clr-background:#fceef4;--clr-white:#fff;--clr-black:#222;--clr-grey-1:#102a42;--clr-grey-2:#617d98;--clr-grey-3:#324d67;--clr-grey-4:#a8a8a8;--ff-primary:"Dosis",sans-serif;--ff-secondary:"DM Sans",sans-serif;--ff-primary-size:1.2rem;--ff-secondary-size:1.5rem;--line-height:1.5;--transition:all 0.3s linear;--spacing:0.1rem;--radius:0.25rem;--light-shadow:0 5px 15px #0000001a;--dark-shadow:0 5px 15px #0003;--max-width:1000px;--fixed-width:620px;--border-radius:15px;--border-radius-hover:25px;--margin:2rem;--padding:2rem}body{color:#102a42;color:var(--clr-grey-1);margin:0 auto;padding:0}h1,h3,h4,h5,h6{color:#141414;color:var(--clr-primary-3)}h1{font-size:3rem}h1,h2{color:#141414;color:var(--clr-primary-3);font-family:DM Sans,sans-serif;font-family:var(--ff-secondary);font-weight:1000}h2{font-size:2rem}a{color:#88b2bf;color:var(--clr-primary-1);font-family:Dosis,sans-serif;font-family:var(--ff-primary);text-decoration:none}button{background-color:plum;background-color:var(--clr-primary-5);border-radius:25px;border-radius:var(--border-radius-hover);box-shadow:4px 4px #222;cursor:pointer;height:2rem;margin:2rem;margin:var(--margin);padding:.5rem 1rem;pointer-events:painted}button:active,button:hover{background-color:plum;background-color:var(--clr-primary-5);border-radius:15px;border-radius:var(--border-radius);cursor:pointer}button:active{border:1px solid #767676;box-shadow:1px 1px #767676;padding:.5rem 1rem;transform:translate(10px,5px)}.button-two{border-radius:25px;border-radius:var(--border-radius-hover);box-shadow:4px 4px #222;color:#141414;color:var(--clr-primary-3);height:2rem;margin:2rem;margin:var(--margin);padding:.5rem 1rem}.button-two,.button-two:hover{background-color:#fff;background-color:var(--clr-white);cursor:pointer}.button-two:active,.button-two:hover{border-radius:15px;border-radius:var(--border-radius)}.button-two:active{background-color:#fff;border:1px solid #767676;box-shadow:1px 1px #767676;cursor:pointer;height:2rem;padding:.5rem 1rem;transform:translate(10px,5px)}.button-two:active,.contact-form{background-color:var(--clr-white)}.contact-form{font-family:var(--ff-primary);font-size:var(--ff-primary-size);font-weight:200;margin:0 auto;max-width:1200px;padding:20px;position:relative}.contact-form .dog{left:80%;position:absolute;top:10%;width:200px}.contact-form h2{color:var(--clr-black);font-size:2em}.contact-form p{color:#333;font-size:1.2em}.contact-form form{align-items:center;display:flex;flex-direction:column}.contact-form label{margin:10px 0;text-align:left;width:80%}.contact-form input,.contact-form textarea{border:1px solid #ccc;border-radius:5px;margin-top:5px;padding:10px;width:100%}.moving-text-container{overflow:hidden;white-space:nowrap}.text-line{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;font-size:8rem;font-weight:900;line-height:6rem;margin:3rem;white-space:nowrap}.line1{animation:moveLeft 50s linear infinite}.line2{animation:moveRight 500s linear infinite}.line3{animation:moveLeft 300s linear infinite}.line4{animation:moveRight 500s linear infinite}@keyframes moveLeft{0%{transform:translateX(-50%)}to{transform:translateX(-100%)}}@keyframes moveRight{0%{transform:translateX(-100%)}50%{transform:translateX(100%)}}.about-us{background-color:var(--clr-white);font-family:var(--ff-primary);font-size:var(--ff-primary-size);font-weight:200}.about-us h1,.about-us p{color:var(--clr-white);margin:10px}.ship-container{margin:20px}.about-header{background-color:var(--clr-primary-1);color:var(--clr-white);padding:50px;text-align:center}.shipBackground{align-items:center;display:flex;height:100%;justify-content:center;margin:0 auto;position:relative;width:500px}.ship{cursor:pointer;left:40%;position:absolute;top:30%;transition:left 1s ease;width:200px}.what-we-do .content,.who-we-are .content{align-items:center;background-color:var(--clr-white);color:var(--clr-black);display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center;padding:20px}.what-we-do img,.who-we-are img{display:block;height:auto;margin:0 auto;width:150px}.who-we-are .content-text{padding:20px;width:40%}.our-team,.what-we-do .content-text p,.who-we-are .content-text p{color:var(--clr-black)}.our-team{background-color:var(--clr-background);padding:50px;text-align:center}.our-team .team-members{display:flex;flex-wrap:wrap;justify-content:center}.our-team .member{margin:20px;max-width:200px}.our-team .member img{border-radius:50%;width:100%}.our-team .member h3{margin:10px}.our-team p{color:var(--clr-black);font-size:.9em;margin:10px}@media screen and (max-width:600px){.ship-container{display:none}.what-we-do .content,.who-we-are .content{flex-direction:column;margin:0;padding:0}.about-header,.contact-form,.our-team,.who-we-are .content .content-text{margin:0;padding:.5rem}.about-header,.who-we-are .content .content-text{width:auto}}.branding{background-color:var(--clr-white);font-family:var(--ff-primary);font-size:var(--ff-primary-size);font-weight:200}.branding-header{background-color:var(--clr-background);padding:50px;text-align:center}.branding-header,.branding-header h1,.branding-header p{color:var(--clr-black)}.branding .recent-projects{background-color:var(--clr-primary-1);color:var(--clr-white);padding:50px;text-align:center}.branding .recent-projects .projects{display:flex;flex-wrap:wrap;justify-content:space-around}.branding .recent-projects .project{margin:10px;max-width:200px;transition:transform .5s ease}.branding .recent-projects .project:hover{transform:scale(1.1)}.branding .recent-projects .project img{border-radius:10px;width:70%}.branding-process{background-color:var(--clr-primary-1);color:var(--clr-white);padding:50px;text-align:center}.branding-process .process-steps{grid-gap:2px;align-items:center;display:grid;gap:2px;grid-template-columns:repeat(4,1fr);justify-content:center;margin:0 auto}.branding-process .step{align-self:center;justify-self:center;max-width:200px}.how-we-do-it .content,.what-we-do .content{align-items:center;background-color:var(--clr-white);color:var(--clr-black);display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center;padding:20px}.how-we-do-it img,.what-we-do img{display:block;height:auto;margin:0 auto;width:150px}.how-we-do-it .content-text,.what-we-do .content-text{padding:20px;width:40%}.how-we-do-it .content-text h2,.how-we-do-it .content-text p,.what-we-do .content-text h2,.what-we-do .content-text p{color:#000}@media screen and (max-width:600px){.how-we-do-it .content,.what-we-do .content{flex-direction:column;margin:0;padding:0}.branding-process .process-steps{grid-gap:2px;align-items:center;display:grid;gap:2px;grid-template-columns:repeat(2,1fr);justify-content:center;margin:0 auto}.branding-header,.branding-process,.how-we-do-it,.recent-projects,.what-we-do,.what-we-do .content .content-text{margin:0;padding:.5rem}.how-we-do-it .content-text,.what-we-do .content-text{width:auto}.button-two{margin:0;padding:.5rem}.branding-process .process-steps{display:flex;flex-direction:column}}.graphic-design{background-color:var(--clr-white);font-family:var(--ff-primary);font-size:var(--ff-primary-size);font-weight:200}.graphic-design-header{background-color:var(--clr-background);color:var(--clr-black);padding:50px;text-align:center}.graphic-design-header h1,.graphic-design-header p{color:var(--clr-black)}.design-collateral,.design-collateral .content{background-color:var(--clr-white);color:var(--clr-black);display:flex;flex-direction:row;padding:50px}.design-collateral img{display:block;height:auto;margin:0 auto;width:200px}.design-collateral .content .content-text{color:var(--clr-black);padding:20px;width:50%}.design-collateral .content .content-text h2,.design-collateral .content .content-text p{color:var(--clr-black)}.brand-collateral{background-color:var(--clr-primary-1);color:var(--clr-white);padding:50px;text-align:center}.brand-collateral .collateral-items{display:flex;flex-wrap:wrap;justify-content:space-around}.brand-collateral .item{margin:20px;max-width:200px}.brand-collateral .item img{border-radius:10px;width:100%}.brand-collateral .item p{margin-top:10px}.recent-graphic{background-color:var(--clr-primary-1);padding:50px;text-align:center}.graphic-design .recent-graphic h2,.recent-graphic{color:var(--clr-white)}.graphics{display:grid;flex-wrap:wrap;grid-template-columns:repeat(3,1fr);justify-content:space-around}.graphic{align-self:center;justify-self:center;max-width:200px;transition:transform .5s ease}.graphic:hover{transform:scale(2.7)}.graphic img{border-radius:10px;height:auto;width:70%}.recent-projects{background-color:var(--clr-primary-1);padding:50px;text-align:center}.recent-projects,.recent-projects h2{color:var(--clr-white)}.projects{display:grid;flex-wrap:wrap;grid-template-columns:repeat(3,1fr)}.project{align-self:center;justify-self:center;margin:10px;max-width:150px;transition:transform .5s ease}.project:hover{transform:scale(2.7);z-index:1}.project img{border-radius:10px;width:70%}@media screen and (max-width:600px){.design-collateral{margin:0;padding:20px}.design-collateral .content{flex-direction:column;margin:0;padding:0}.design-collateral .content .content-text{width:100%}.design-collateral,.graphic-design-header,.recent-graphic,.recent-projects{margin:0;padding:0}.graphics,.projects{display:flex;flex-direction:column}}.web-design{background-color:var(--clr-white);font-family:var(--ff-primary);font-size:var(--ff-primary-size);font-weight:200}.content{margin:0 auto;max-width:1200px}.web-design-header{background-color:var(--clr-background);padding:50px;text-align:center}.web-design-header,.web-design-header h1,.web-design-header p{color:var(--clr-black)}.expert-web-design .content{align-items:center;background-color:var(--clr-white);color:var(--clr-black);display:flex;flex-direction:row;padding:50px;text-align:center}.expert-web-design img{border-radius:10px;margin-top:20px;width:50%}.expert-web-design .content .content-text{padding:20px;width:50%}.diverse-clients,.expert-web-design .content .content-text h2,.expert-web-design .content .content-text p{color:var(--clr-black)}.diverse-clients{align-items:center;background-color:#fff;display:flex;flex-direction:row;padding:50px;text-align:center}.diverse-clients img{border-radius:10px;margin-top:20px;width:100%}.diverse-clients .content h2,.expert-web-design .content p{color:var(--clr-black)}.future-proofing{background-color:var(--clr-primary-1);padding:50px;text-align:center}.future-proofing,.future-proofing h2{color:var(--clr-white)}.future-proofing-img{align-items:center;display:flex;flex-direction:row;justify-content:center}.future-proofing img{align-items:center;border-radius:10px;justify-content:center;margin:20px;width:10%}.web-design .project-process{background-color:var(--clr-primary-1);color:var(--clr-white);padding:50px;text-align:center}.web-design .project-process h2{color:var(--clr-white);font-size:2rem;font-weight:900}.web-design .project-process .process-steps{display:flex;flex-wrap:wrap;justify-content:space-around}.web-design .project-process .step{margin:20px;max-width:200px;text-align:left}.web-design .project-process .step h3{color:var(--clr-white)}.frictionless-process{align-items:center;background-color:var(--clr-background);color:var(--clr-black);display:flex;flex-direction:row;padding:50px;text-align:center}.frictionless-process img{border-radius:10px;margin-top:20px;width:100%}.web-design .latest-projects{background-color:var(--clr-primary-1);color:var(--clr-white);padding:50px;text-align:center}.web-design .latest-projects h2{color:var(--clr-white)}.web-design .latest-projects .projects{display:flex;flex-wrap:wrap;justify-content:space-around}.web-design .latest-projects .project{margin:10px;max-width:200px;transition:transform .5s ease}.web-design .latest-projects .project:hover{transform:scale(1.1)}.web-design .latest-projects .project img{border-radius:10px;width:70%}@media screen and (max-width:600px){.expert-web-design .content{flex-direction:column}.content-text,.diverse-clients,.expert-web-design,.expert-web-design .content,.expert-web-design .content .content-text,.frictionless-process,.frictionless-process .content,.future-proofing,.project-process,.project-process .content,.web-design .project-process,.web-design-header,.web-design-header .content{margin:0;padding:0}.expert-web-design .content .content-text{width:auto}.latest-projects button{margin:0;padding:.5rem}.future-proofing-img{flex-direction:column;width:auto}.future-proofing-img img{width:90%}.scroll-to-top{background-color:var(--clr-primary-5);border-radius:var(--border-radius-hover);bottom:10px;box-shadow:4px 4px #222;cursor:pointer;display:none;height:2rem;margin:var(--margin);padding:.5rem 1rem;pointer-events:painted;position:fixed;right:10px;z-index:99}}.footer{background-color:#333;color:#fff;display:flex;flex-direction:row;font-family:var( --ff-primary);justify-content:space-around;padding:20px}.footer .logo{color:#fff;font-size:1.5em;font-weight:400;text-decoration:none}.footer h3,.footer p a{color:#fff}.footer .social-media a{color:#fff;font-size:1.5em;margin:0 10px}.footer .nav-links{align-items:center;display:flex}.footer .nav-links a{color:#1c1c1c;font-weight:lighter;margin:0 10px;text-decoration:none}@media screen and (max-width:600px){.footer{flex-direction:column}}
/*# sourceMappingURL=main.408a92c7.css.map*/