@font-face{font-family:"Playfair Display";src:url(https://fonts.googleapis.com/css2?display=swap&family=Playfair+Display%3Awght%40800) format("wof");font-display:swap}@font-face{font-family:"Montserrat";src:url(https://fonts.googleapis.com/css2?display=swap&family=Montserrat%3Awght%40500) format("wof");font-display:swap}@font-face{font-family:"Libre Baskerville";src:url(https://fonts.googleapis.com/css2?display=swap&family=Libre+Baskerville&family=Montserrat%3Awght%40500) format("wof");font-display:swap}html{font-size:62.5%}body{font-size:16px;font-size:1.6rem;line-height:1.5;margin:0;font-weight:500;font-family:"Montserrat",-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-weight:400}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}a,h1,h2,p,span{margin:0;padding:0;font-weight:400}h1,h2,h3,h4,h5{font-family:"Playfair Display",sans-serif;letter-spacing:-.02rem;font-weight:800}.App{text-align:center}.app-header{color:#fff;right:0;z-index:10}.app-header,.header-overlay{position:absolute;top:0;left:0}.header-overlay{width:100%;height:200px;z-index:2;background-image:linear-gradient(180deg,rgba(13,0,32,.3) -40px,rgba(53,0,58,0) 200px)}.header-bar{color:#fff;height:5rem;justify-content:space-between;padding:2rem;max-width:96rem;margin:0 auto}.header-bar,.header-bar ul{display:flex;align-items:center}.header-bar ul{height:100%;margin-left:auto;list-style-type:none}.header-bar ul li{padding:1rem}.header-bar a{color:#fff;text-decoration:none}.header-bar a:hover{color:#eee}.home-wrapper{background-color:#fff;color:#fff;width:100%;text-align:center}.home-wrapper h1{font-size:5rem}.home-wrapper .home-sub-header{padding:1.2rem 0 2rem;font-size:1.8rem}.home-container{display:flex;flex-direction:column}.home-hero{background-image:linear-gradient(to top right,#450b7c,#563cc9,#49e9fb);padding-top:20rem;height:51rem;position:relative}.home-hero-swirl{position:absolute;bottom:-3rem;left:0;right:0;height:20rem;overflow:hidden}.tag_wrapper{display:flex;justify-content:center;align-items:center;padding:1rem}.tag_wrapper .tag{display:block;border-radius:50rem;background-color:orange;padding:.5rem 1rem}.ocean{height:5%;width:100%;bottom:0;left:0}.ocean,.wave{position:absolute}.wave{background:url(/static/media/wave.52141af8.svg) repeat-x;top:-198px;width:6400px;height:198px;-webkit-animation:wave 24s cubic-bezier(.36,.45,.63,.53) infinite;animation:wave 24s cubic-bezier(.36,.45,.63,.53) infinite;-webkit-transform:translateZ(0);transform:translateZ(0)}.wave:nth-of-type(2){top:-190px;-webkit-animation:wave 24s cubic-bezier(.36,.45,.63,.53) -.125s infinite,swell 12s ease -4.25s infinite;animation:wave 24s cubic-bezier(.36,.45,.63,.53) -.125s infinite,swell 12s ease -4.25s infinite;opacity:1}@-webkit-keyframes wave{0%{margin-left:0}to{margin-left:-1600px}}@keyframes wave{0%{margin-left:0}to{margin-left:-1600px}}@-webkit-keyframes swell{0%,to{-webkit-transform:translate3d(-20px,-25px,0);transform:translate3d(-20px,-25px,0)}50%{-webkit-transform:translate3d(0,5px,0);transform:translate3d(0,5px,0)}}@keyframes swell{0%,to{-webkit-transform:translate3d(-20px,-25px,0);transform:translate3d(-20px,-25px,0)}50%{-webkit-transform:translate3d(0,5px,0);transform:translate3d(0,5px,0)}}button{margin:0;padding:1.5rem 6rem;border:none;border-radius:50rem;background-color:#fafafa;cursor:pointer;outline:none;color:#563cc9;font-weight:700;letter-spacing:.15rem;transition:.4s ease-out}button:hover{background-color:#efefef}button:active{background-color:#fff}button.primary{color:#fff;background-image:linear-gradient(to top right,#1ea7fd,#3ec7ff)}button.primary:hover{background-image:linear-gradient(to top right,#15a0f5,#2eb7ff)}button.primary:active{background-image:linear-gradient(to top right,#1eb1ff,#3ec7ff)}.section{padding:10rem 0 9rem;color:#333}.circle-grid{display:grid;grid-template-columns:repeat(3,1fr);max-width:96rem;color:#333;margin:0 auto;padding:5rem;letter-spacing:.02rem}@media (max-width:750px){.circle-grid{padding:1rem 7rem;grid-template-columns:1fr;grid-gap:5rem}}.circle-image_container{display:block}.circle-description{font-family:"Libre Baskerville",serif;color:#777;padding:0 5rem}@media (max-width:750px){.circle-description{padding:0 1rem}}.circle-title{font-family:"Montserrat",sans-serif;font-weight:500;letter-spacing:.05rem;margin-bottom:1rem}.section-heading{font-size:3.6rem}.divider{border-top:.2rem solid #47e;margin:2rem auto;width:5rem}.circle-container{display:flex;justify-content:center;align-items:center;margin:0 auto}.circle-background,.circle-container{width:8rem;height:8rem;position:relative}.circle-background{border-radius:50rem}.circle-background.Code{background-image:linear-gradient(to top right,#449dc1,#4ec8ff)}.circle-background.Design{background-image:linear-gradient(to top right,#a88a47,#f2d398)}.circle-background.Service{background-image:linear-gradient(to top right,#769f7b,#a4cea9)}.circle-square{transition:top 5s ease,left 5s ease;position:absolute}.shape{border-radius:50rem;border:.2rem solid;opacity:.6;width:.5rem;height:.5rem;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.shape.Code{border-color:#8cf}.shape.Design{border-color:#f2d398}.shape.Service{border-color:#a4cea9}.shape.small{width:.3rem;height:.3rem}.shape.medium{width:.6rem;height:.6rem}.shape.large{width:1rem;height:1rem}.circle-icon{position:absolute;top:0;bottom:0;left:0;right:0;display:flex;align-items:center;justify-content:center}.circle-icon .circle-icon-window{width:3rem;height:2.5rem;border-radius:.3rem;background-color:#fff;box-shadow:0 2px 5px hsla(0,0%,39.2%,.5)}.circle-icon .circle-icon-window .circle-icon-window_header{width:3rem;height:.5rem;background-color:rgba(120,150,230,.5)}.circle-icon .circle-icon-overlay{position:absolute;left:0;right:0;width:2.5rem;height:2.5rem;text-align:center;margin-left:3.5rem;margin-bottom:1rem;-webkit-transform-origin:50% 50%;transform-origin:50% 50%}.circle-icon .circle-icon-overlay .Code{-webkit-animation:rotate 15s infinite;animation:rotate 15s infinite;width:2.5rem}.circle-icon .circle-icon-overlay .Design{-webkit-animation:swivel 20s infinite;animation:swivel 20s infinite;width:2.5rem}.circle-icon .circle-icon-overlay .Service{-webkit-animation:swivel 25s infinite;animation:swivel 25s infinite;width:2.5rem}@-webkit-keyframes swivel{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}10%{-webkit-transform:rotate(-5deg);transform:rotate(-5deg)}12%{-webkit-transform:rotate(-7deg);transform:rotate(-7deg)}13%{-webkit-transform:rotate(-5deg);transform:rotate(-5deg)}20%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(0deg);transform:rotate(0deg)}}@keyframes swivel{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}10%{-webkit-transform:rotate(-5deg);transform:rotate(-5deg)}12%{-webkit-transform:rotate(-7deg);transform:rotate(-7deg)}13%{-webkit-transform:rotate(-5deg);transform:rotate(-5deg)}20%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(0deg);transform:rotate(0deg)}}@-webkit-keyframes rotate{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}20%{-webkit-transform:rotate(45deg);transform:rotate(45deg)}22%{-webkit-transform:rotate(47deg);transform:rotate(47deg)}23%{-webkit-transform:rotate(45deg);transform:rotate(45deg)}to{-webkit-transform:rotate(45deg);transform:rotate(45deg)}}@keyframes rotate{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}20%{-webkit-transform:rotate(45deg);transform:rotate(45deg)}22%{-webkit-transform:rotate(47deg);transform:rotate(47deg)}23%{-webkit-transform:rotate(45deg);transform:rotate(45deg)}to{-webkit-transform:rotate(45deg);transform:rotate(45deg)}}.portfolio-grid{max-width:96rem;color:#333;margin:0 auto;padding:5rem;letter-spacing:.02rem}@media (max-width:750px){.portfolio-grid{padding:1rem}}.cardContainer{display:flex;justify-content:center;height:40rem;border-radius:2rem;box-shadow:0 1rem 3rem rgba(75,75,150,.2);text-align:left;flex-flow:row;margin-bottom:5rem}.cardContainer.reversed{flex-direction:row-reverse}@media (max-width:750px){.cardContainer,.cardContainer.reversed{flex-direction:column}.cardContainer{height:80rem}}.cardText{padding:7rem;border-radius:2rem 0 0 2rem;flex:1 1;display:flex;flex-direction:column;justify-content:center}.cardText .subtitle{color:#47a}.reversed .cardPicture{border-radius:2rem 0 0 2rem}@media (max-width:750px){.reversed .cardPicture{border-radius:0 0 2rem 2rem}}.cardPicture{width:50%;border-radius:0 2rem 2rem 0;height:100%;background-repeat:no-repeat;background-size:cover;background-position:50%}@media (max-width:750px){.cardPicture{width:100%;border-radius:0 0 2rem 2rem}}.cardPicture.mobaro{background-image:url(/static/media/mobaro_s.4f92755b.png)}.cardPicture.creativevikings{background-image:url(/static/media/creativevikings_s.4e6d088a.png)}.cta-button{margin-top:7rem;background:#456789;background:linear-gradient(149deg,#456789,#4589ff);color:#fff}.cta-button:hover{background:#4e78a0;background:linear-gradient(149deg,#4e78a0,#5996ff)}.modal-wrapper{position:fixed;top:0;bottom:0;left:0;right:0;height:100vh;z-index:1337;opacity:0;transition:.5s ease;pointer-events:none}.modal-wrapper.active{opacity:1;pointer-events:all}.modal-backdrop{background:rgba(0,0,0,.5);z-index:1337}.modal-backdrop,.modal-content__wrapper{position:absolute;top:0;left:0;right:0;bottom:0}.modal-content__wrapper{display:inline-flex;justify-content:center;align-items:center;text-align:left}@media (max-width:750px){.modal-content__wrapper{overflow-y:scroll;top:0;align-items:unset;padding:1rem}}.modal-content__wrapper .modal-content{width:75rem;height:39rem;background:#1b4c73;background:linear-gradient(45deg,#1b4c73,#3874bd);padding:5rem;border-radius:1.5rem;box-shadow:0 .5rem 2rem rgba(34,56,99,.2);display:grid;grid-template-columns:1fr 1fr;grid-column-gap:10rem;-webkit-column-gap:10rem;column-gap:10rem;z-index:1338}@media (max-width:750px){.modal-content__wrapper .modal-content{grid-template-columns:1fr;height:25rem;padding:2rem 4rem}}.modal-contact-info{color:#fff;display:flex;flex-direction:column;justify-content:space-between}.modal-contact-info .modal-contact-header h1{font-size:4rem;margin-bottom:1rem}@media (max-width:750px){.modal-contact-info .modal-contact-header h1{font-size:3rem}}@media (max-width:750px){.modal-contact-info .modal-contact-header p{font-size:1.4rem}}.modal-contact-info .contact-info{list-style:none;padding:0;font-size:1.4rem}@media (max-width:750px){.modal-contact-info .contact-info{font-size:1.2rem}}.modal-contact-info .contact-info .phone{padding-bottom:1rem}.modal-contact-form{background-color:#fff;border-radius:1rem;font-size:1.2rem;padding:3rem 6.5rem 3rem 3rem;display:flex;justify-content:space-between;flex-direction:column;color:#999;box-shadow:0 .5rem 2rem rgba(12,34,56,.3)}.modal-contact-form .input{margin-bottom:1.5rem}.modal-contact-form .input div{margin-bottom:.3rem}.modal-contact-form .input input,.modal-contact-form .input textarea{border:.2rem solid #ddd;border-radius:.5rem;padding:1rem 1.5rem;width:100%}.modal-contact-form .input textarea{resize:none;height:10rem}@media (max-width:750px){.modal-contact-form .input textarea{height:6rem}}.modal-contact-form .button__container{display:flex;justify-content:flex-end}.modal-contact-form .button__container .modal-contact-button{padding:1.5rem 1rem;width:75%;margin-right:-3.5rem}@media (max-width:750px){.modal-contact-form .button__container .modal-contact-button{margin-top:1rem}}.modal-contact-social{display:flex;margin-bottom:9rem}@media (max-width:750px){.modal-contact-social{margin-bottom:1rem}}.modal-contact-social .social{background-color:transparent;display:flex;justify-content:center;align-items:center;margin-right:2rem;width:1rem;padding:1rem 3rem;color:#fff}.modal-contact-social .social:hover{background-color:#fff;color:#563cc9}.giant-letter-wrapper{width:100vw;margin:0;padding:20rem 0 0;height:calc(100vh - 20rem);transition:background 2s ease;position:relative}.giant-letter-gradient{background:linear-gradient(to top right,hsla(0,0%,100%,.5),hsla(0,0%,100%,.2),hsla(0,0%,100%,0));position:absolute;left:0;right:0;top:0;bottom:0}.giant-letter-container{max-width:96rem;color:#333;margin:0 auto;padding:5rem;letter-spacing:.02rem}.giant-letter-items-wrapper{display:flex;flex-direction:column;align-items:center}.giant-letter{white-space:pre;width:96%;height:80px;border:none;overflow-y:hidden;overflow-x:auto;outline:none;padding:1rem 2%;box-shadow:none;resize:none;border-radius:0 0 1rem 1rem;color:#333;background-color:hsla(0,0%,100%,.5);z-index:2}.giant-letter-input{margin-bottom:2rem;padding:1rem;border-radius:2rem;border:none;outline:none;z-index:2}.giant-letter-input-label{color:#fff;font-size:2rem;text-align:left;width:100%;padding-left:5%;margin-bottom:-1.2rem;-webkit-user-select:none;-ms-user-select:none;user-select:none}.giant-letter-input-styled{margin-bottom:1rem;padding:1rem 2% 0;outline:none;color:#fff;font-weight:700;font-size:5em;border:none;border-bottom:2px solid #fff;z-index:2;background:hsla(0,0%,100%,.1);border-radius:1rem 1rem 0 0;width:96%}.giant-letter-input-preview{position:absolute;left:0;right:0;bottom:25rem;font-size:15rem;height:27rem;padding:5rem;overflow:hidden;color:transparent;text-shadow:0 0 40px hsla(0,0%,100%,.6);white-space:nowrap;-webkit-user-select:none;-ms-user-select:none;user-select:none;text-align:left;z-index:1}.copy-button{margin-top:2rem;margin-left:auto;justify-self:flex-end;z-index:2}.copy-button .copy-wrapper{position:relative;width:10rem;height:2rem}.copy-button .copy-content{width:15rem;opacity:0;transition:.5s ease-out;position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%,100%);transform:translate(-50%,100%);font-weight:700}.copy-button .copy-content.active{opacity:1;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.copy-button .copy-content-state{opacity:0;transition:.5s ease-out;position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%,-200%);transform:translate(-50%,-200%);font-weight:700}.copy-button .copy-content-state.active{opacity:1;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.scribble-animation{width:200px;height:50px;position:absolute;right:5rem;bottom:5rem}.scribble-animation path{stroke-width:3px;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;stroke:#fff;fill:none}.scribble-animation .signature-first{stroke-dasharray:810;stroke-dashoffset:810;-webkit-animation:draw .6s linear forwards;animation:draw .6s linear forwards}.scribble-animation .signature-second{stroke-dasharray:520;stroke-dashoffset:520;-webkit-animation:draw .4s linear forwards;animation:draw .4s linear forwards;-webkit-animation-delay:.6s;animation-delay:.6s}.scribble-animation .signature-third{stroke-dasharray:1440;stroke-dashoffset:1440;-webkit-animation:draw 1.5s linear forwards;animation:draw 1.5s linear forwards;-webkit-animation-delay:1s;animation-delay:1s}@-webkit-keyframes draw{to{stroke-dashoffset:0}}@keyframes draw{to{stroke-dashoffset:0}}
/*# sourceMappingURL=main.07e3e948.chunk.css.map */