@import url(https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap);*,:after,:before{box-sizing:border-box}blockquote,body,dd,dl,figure,h1,h2,h3,h4,p{margin:0}ol[role=list],ul[role=list]{list-style:none}html:focus-within{scroll-behavior:smooth}a:not([class]){-webkit-text-decoration-skip:ink;text-decoration-skip-ink:auto}img,picture{display:block;max-width:100%}button,input,select,textarea{font:inherit}body{font-family:Inter,sans-serif;line-height:1.5;min-height:100vh}p{font-size:1rem;line-height:1.6;margin-bottom:1rem}h1{font-size:2rem;line-height:1.2;margin-bottom:.4em}header.section-title{margin-bottom:2rem}header.section-title h1{margin-bottom:.5em}header.section-title p{font-size:1.125rem;line-height:1;margin-bottom:.5em}header.section-title p+p{color:rgba(0,0,0,.4);font-size:.875rem}ul{list-style:none;margin:0;padding:0}.read-more-btn,a{color:#46aaff;transition:all .3s ease}.read-more-btn:hover,a:hover{color:#6ee6ff;cursor:pointer;transition:all .1s ease-out}.btn{background-color:#1a1a1a;border-radius:3px;color:#fff;font-size:.875rem;font-weight:500;margin-top:3rem;padding:.5em 2em;text-align:center;text-decoration:none;text-transform:uppercase;width:100%}.btn.external-link:after{content:url(/static/media/external-link-icon-white.512114bc625ed3be7775.svg);display:inline-block;position:relative;right:-.5em;top:.1em;width:1.125em}.btn:hover{background-color:#505050;color:#fff}.read-more-btn,.read-more-link{display:inline-block;padding:.25rem 0;width:-webkit-max-content;width:max-content}.read-more-btn{background:transparent;border:none;text-decoration:underline}.content-wrap{padding:6rem 1rem}@-webkit-keyframes still-fade-in{0%{opacity:0}to{opacity:1}}@keyframes still-fade-in{0%{opacity:0}to{opacity:1}}@media only screen and (min-width:601px){.content-wrap{padding:8rem 2rem}.btn{padding:.5em 3em;text-transform:uppercase;width:auto}}@media only screen and (min-width:1024px){.content-wrap{padding:8rem 4rem}p{font-size:1.125rem}h1{font-size:2.5rem}header.section-title{margin-bottom:4rem}header.section-title p{font-size:1.4rem;line-height:1;margin-bottom:.5em}header.section-title p+p{font-size:1rem}}@media only screen and (min-width:1900px){h1{font-size:3rem}.content-wrap{padding:10rem 6rem}.btn{font-size:1rem}}@media only screen and (min-width:2400px){.content-wrap{padding:10rem}h1{font-size:3.5rem}header.section-title{margin-bottom:5rem}header.section-title p{color:rgba(0,0,0,.4);font-size:1.6rem;line-height:1}}.coloured-icon,.social-icon{display:inline-block;-webkit-mask-size:cover!important;mask-size:cover!important}.mask:hover{cursor:pointer}.mask.handset{-webkit-mask:url(/static/media/icon-handset.6512f4b2eaea2c378c07.svg);mask:url(/static/media/icon-handset.6512f4b2eaea2c378c07.svg)}.mask.envelope{-webkit-mask:url(/static/media/icon-envelope.c82ebb51fd921e94aa99.svg);mask:url(/static/media/icon-envelope.c82ebb51fd921e94aa99.svg)}.mask.linkedin{-webkit-mask:url(/static/media/icon-linkedin.38251208218d5c95a707.svg);mask:url(/static/media/icon-linkedin.38251208218d5c95a707.svg)}.mask.github{-webkit-mask:url(/static/media/icon-github.cc72c570f969e043a1c2.svg);mask:url(/static/media/icon-github.cc72c570f969e043a1c2.svg)}.mask.behance{-webkit-mask:url(/static/media/icon-behance.600db5e0d2511ded96cd.svg);mask:url(/static/media/icon-behance.600db5e0d2511ded96cd.svg)}.mask.facebook{-webkit-mask:url(/static/media/icon-facebook.e0d0a0451882862f2d29.svg);mask:url(/static/media/icon-facebook.e0d0a0451882862f2d29.svg)}.back-arrow-wrap{align-items:center;border-radius:0 0 5px 0;display:flex;height:3.5rem;justify-content:center;opacity:0;position:absolute;transition:opacity .3s ease;width:3.5rem;z-index:1}.back-arrow-wrap.fade-in{opacity:1}.back-arrow-wrap.fade-in.contact{transition:opacity .5s ease 2s}.back-arrow-wrap.fade-in.about{transition:opacity .5s ease .9s}.back-arrow-wrap .back-arrow{height:30px;-webkit-mask:url(/static/media/back-arrow.e0c459db2096108eb3cf.svg);mask:url(/static/media/back-arrow.e0c459db2096108eb3cf.svg);width:20px}.back-arrow-wrap .back-arrow:hover{cursor:pointer}.scroll-btn-wrap{align-items:flex-end;bottom:0;display:flex;height:3.3rem;justify-content:flex-end;opacity:0;overflow:hidden;position:fixed;right:0;transition:all .2s ease .2s;visibility:hidden;width:3.3rem;z-index:2}.scroll-btn-wrap.reveal{opacity:1;transition:all .2s ease;visibility:visible}.scroll-btn-wrap .btn-icon{align-items:center;background-color:#fff;box-shadow:0 0 4px rgba(0,0,0,.2);display:flex;height:3rem;justify-content:center;margin:0;padding:0;position:relative;right:-3rem;transition:right .2s ease;width:3rem}.scroll-btn-wrap .btn-icon.reveal{right:0;transition:right .3s ease}.scroll-btn-wrap .btn-icon img{height:70%;width:70%}.scroll-btn-wrap .scroll-btn{background:transparent;background-image:linear-gradient(270deg,rgba(0,0,0,.1),transparent 15%);border:none;border-radius:0;bottom:0;cursor:pointer;height:3rem;opacity:0;position:fixed;right:0;transition:all .1s ease;width:3rem}.scroll-btn-wrap .scroll-btn.reveal{opacity:1;transition:all .2s ease}@media only screen and (min-width:1024px){.scroll-btn-wrap{display:block;height:8vh;width:8vh}.scroll-btn-wrap .btn-icon{height:100%;right:8vh;width:100%}.scroll-btn-wrap .btn-icon.reveal{right:0}.scroll-btn-wrap .btn-icon img{height:66%;width:66%}.scroll-btn-wrap .scroll-btn{background-image:linear-gradient(90deg,rgba(0,0,0,.1),transparent 15%);cursor:pointer;height:8vh;width:8vh}.back-arrow-wrap{box-shadow:none;height:5rem;width:4rem}.back-arrow-wrap .back-arrow{height:34px;width:23px}}@media only screen and (min-width:1920px){.scroll-btn-wrap{display:block;height:8vh;width:8vh}.scroll-btn-wrap .btn-icon{height:100%;right:8vh;width:100%}.scroll-btn-wrap .btn-icon.reveal{right:0}.scroll-btn-wrap .btn-icon img{height:66%;width:66%}.scroll-btn-wrap .scroll-btn{background-image:linear-gradient(90deg,rgba(0,0,0,.1),transparent 15%);cursor:pointer;height:8vh;width:8vh}.back-arrow-wrap{box-shadow:none;height:5rem;width:4rem}.back-arrow-wrap .back-arrow{height:34px;width:23px}}@media only screen and (min-width:2400px){.back-arrow-wrap{height:5rem;width:5rem}.back-arrow-wrap .back-arrow{height:40px;width:27px}}.popup-container{display:none;z-index:9999}@media only screen and (max-width:600px){.popup-container{align-items:center;background-color:rgba(0,0,20,.6);bottom:0;display:none;justify-content:center;left:0;position:absolute;right:0;top:0}.popup-container .popup-wrap{align-items:center;background-color:#fff;border:2px solid #000;border-radius:10px;display:flex;flex-direction:column;justify-content:center;padding:3em 4em}.popup-container .popup-wrap h2{margin-bottom:.4em}.popup-container .popup-wrap p{margin-bottom:.3em}.popup-container .popup-wrap span{font-weight:600}.popup-container .popup-wrap{padding:1em;text-align:center;width:90%}}.coloured-bg{align-items:center;-webkit-animation:AnimationName 30s ease infinite;animation:AnimationName 30s ease infinite;background-image:linear-gradient(140deg,rgba(170,150,220,.4),#a5beff,#ffa66b,#ffc071,rgba(255,245,180,.6),rgba(255,210,120,.5),rgba(170,150,220,.4),#a5beff,#ffa66b,#ffc071,rgba(255,245,180,.6),rgba(170,150,220,.4),#a5beff,#ffa66b);background-size:1200% 1200%;display:flex;min-height:100vh;position:relative}@-webkit-keyframes AnimationName{0%{background-position:0 5%}50%{background-position:100% 96%}to{background-position:0 5%}}@keyframes AnimationName{0%{background-position:0 5%}50%{background-position:100% 96%}to{background-position:0 5%}}.lines{background-image:url(/static/media/diagonal-lines-BG-white-50-2px-03.22ae37f322f98868b2ca.svg);background-repeat:repeat;background-size:1920px;height:100vh;position:fixed;top:0;width:100%}.white-bg-wrap{align-self:stretch;padding:6vh 0;transition:padding-top .2s ease-out .2s,padding-bottom .2s ease-out .2s,padding-left .2s ease-in,padding-right .2s ease-in,background-color 1s ease;width:100%}.white-bg-wrap.resize-white-bg{padding-bottom:0;padding-top:0;transition:padding-top .2s ease-in,padding-bottom .2s ease-in}.white-bg-wrap .white-bg{background-color:#fff;height:100%;margin:0 auto;position:relative;width:100%}.height-initial{height:auto!important}.content-wrap{height:100%;width:100%}@media only screen and (min-width:1024px){.coloured-bg .white-bg-wrap{align-self:stretch;padding:6vh 0;transition:padding-top .2s ease-out .2s,padding-bottom .2s ease-out .2s,padding-left .2s ease-in,padding-right .2s ease-in,background-color 1s ease;width:100%}.coloured-bg .white-bg-wrap.resize-white-bg{padding:0 3vh;transition:padding-top .2s ease-in,padding-bottom .2s ease-in,padding-left .2s ease-out .2s,padding-right .2s ease-out .2s}.coloured-bg .lines{background-size:auto auto;background-size:initial}}@media only screen and (min-width:1440px){.coloured-bg .white-bg-wrap.resize-white-bg{padding-left:8vh;padding-right:8vh}}@media only screen and (min-width:1601px){.coloured-bg .white-bg-wrap.resize-white-bg{padding-left:8vh;padding-right:8vh}.coloured-bg .lines{background-size:auto auto;background-size:initial}}header.main-nav{align-items:flex-start;bottom:0;display:flex;justify-content:flex-end;left:0;opacity:0;padding:1rem;position:absolute;right:0;top:0;z-index:3}header.main-nav.nav-fade-in{opacity:1;transition:all .5s ease}header.main-nav nav{align-items:center;background:#1a1a1a;bottom:0;display:flex;flex-direction:column;justify-content:center;left:0;opacity:0;position:absolute;right:0;top:0;transition:all 1.6s ease;visibility:hidden}header.main-nav nav.active{opacity:1;transition:all .3s ease;visibility:visible}header.main-nav nav ul li{font-size:2rem;margin-bottom:1rem;margin-left:-100vw;margin-top:1rem;text-transform:uppercase;transition:all 0 .8s}header.main-nav nav ul li.slide-in-01{margin-left:0;transition:all .3s cubic-bezier(.075,.82,.165,1) .02s}header.main-nav nav ul li.slide-in-02{margin-left:0;transition:all .3s cubic-bezier(.075,.82,.165,1) .08s}header.main-nav nav ul li.slide-in-03{margin-left:0;transition:all .3s cubic-bezier(.075,.82,.165,1) .14s}header.main-nav nav ul li span{color:#fff;left:0;opacity:1;padding:1rem;position:relative}header.main-nav nav ul li span.link-clicked{left:100%;opacity:0;transition:left .9s cubic-bezier(.075,.82,.165,1),opacity .2s ease-out}header.main-nav .burger{background:transparent;border:none;cursor:pointer;display:block;z-index:2}header.main-nav .burger .bar{background-color:#1a1a1a;display:block;height:3px;margin:5px auto;transition:all .3s ease-in-out;width:25px}header.main-nav .burger.active .bar{background-color:#fff}header.main-nav .burger.active .bar:nth-child(2){opacity:0}header.main-nav .burger.active .bar:first-child{-webkit-transform:translateY(8px) rotate(45deg);transform:translateY(8px) rotate(45deg)}header.main-nav .burger.active .bar:nth-child(3){-webkit-transform:translateY(-8px) rotate(-45deg);transform:translateY(-8px) rotate(-45deg)}@media only screen and (min-width:1024px){header.main-nav nav{background:transparent;opacity:1;visibility:visible}header.main-nav nav ul{display:grid;grid-template-columns:1fr 1fr 1fr;height:100%;justify-content:center;overflow:hidden;width:100%}header.main-nav nav ul li{height:100%;margin:0;width:100%}header.main-nav nav ul li span{color:#1a1a1a;display:inline-block;font-size:1.5rem;height:6rem;letter-spacing:0;text-align:center;text-decoration:none;text-transform:uppercase;transition:all .1s ease;width:10rem}header.main-nav nav ul li span:hover{cursor:pointer;font-size:2.5rem;height:7rem;letter-spacing:1px;transition:all .3s ease;width:15rem}header.main-nav nav ul li span.link-clicked{left:0}header.main-nav nav ul li.item-01{align-items:center;display:flex}header.main-nav nav ul li.item-01 span{display:inline-block;margin-left:-4rem;-webkit-transform:rotate(90deg);transform:rotate(90deg)}header.main-nav nav ul li.item-02{align-items:flex-end;display:flex;justify-content:center}header.main-nav nav ul li.item-02 span{margin-bottom:-2rem}header.main-nav nav ul li.item-02 span:hover{margin-bottom:0}header.main-nav nav ul li.item-03{align-items:center;display:flex;justify-content:flex-end}header.main-nav nav ul li.item-03 span{margin-right:-4rem;-webkit-transform:rotate(270deg);transform:rotate(270deg)}header.main-nav .burger{display:none}}@media only screen and (min-width:2400px){header.main-nav nav ul li span{font-size:2.25rem;height:6rem;width:13rem}header.main-nav nav ul li span:hover{font-size:3rem;height:9rem;width:17rem}header.main-nav nav ul li.item-01 span{margin-left:-4rem}header.main-nav nav ul li.item-02 span{margin-bottom:-.5rem}header.main-nav nav ul li.item-02 span:hover{margin-bottom:0}header.main-nav nav ul li.item-03 span{margin-right:-4rem}}.content-wrap.home{margin-left:0;margin-right:0;margin-top:0;opacity:1;position:relative;transition:all .2s ease}.content-wrap.home.content-down,.content-wrap.home.content-left,.content-wrap.home.content-right,.content-wrap.home.content-up{opacity:0;transition:all .4s ease-out}@-webkit-keyframes shark{0%{-webkit-background-image:url(/static/media/lil-shark.bfa1c0ad61874c9e9dbd.svg);background-image:url(/static/media/lil-shark.bfa1c0ad61874c9e9dbd.svg)}59.9%{-webkit-background-image:url(/static/media/lil-shark.bfa1c0ad61874c9e9dbd.svg);background-image:url(/static/media/lil-shark.bfa1c0ad61874c9e9dbd.svg)}60%{-webkit-background-image:url(/static/media/lil-shark-mouth-open.02c4a31342d6b4d522be.svg);background-image:url(/static/media/lil-shark-mouth-open.02c4a31342d6b4d522be.svg)}79.9%{-webkit-background-image:url(/static/media/lil-shark-mouth-open.02c4a31342d6b4d522be.svg);background-image:url(/static/media/lil-shark-mouth-open.02c4a31342d6b4d522be.svg)}80%{-webkit-background-image:url(/static/media/lil-shark.bfa1c0ad61874c9e9dbd.svg);background-image:url(/static/media/lil-shark.bfa1c0ad61874c9e9dbd.svg)}to{-webkit-background-image:url(/static/media/lil-shark.bfa1c0ad61874c9e9dbd.svg);background-image:url(/static/media/lil-shark.bfa1c0ad61874c9e9dbd.svg)}}@keyframes shark{0%{-webkit-background-image:url(/static/media/lil-shark.bfa1c0ad61874c9e9dbd.svg);background-image:url(/static/media/lil-shark.bfa1c0ad61874c9e9dbd.svg)}59.9%{-webkit-background-image:url(/static/media/lil-shark.bfa1c0ad61874c9e9dbd.svg);background-image:url(/static/media/lil-shark.bfa1c0ad61874c9e9dbd.svg)}60%{-webkit-background-image:url(/static/media/lil-shark-mouth-open.02c4a31342d6b4d522be.svg);background-image:url(/static/media/lil-shark-mouth-open.02c4a31342d6b4d522be.svg)}79.9%{-webkit-background-image:url(/static/media/lil-shark-mouth-open.02c4a31342d6b4d522be.svg);background-image:url(/static/media/lil-shark-mouth-open.02c4a31342d6b4d522be.svg)}80%{-webkit-background-image:url(/static/media/lil-shark.bfa1c0ad61874c9e9dbd.svg);background-image:url(/static/media/lil-shark.bfa1c0ad61874c9e9dbd.svg)}to{-webkit-background-image:url(/static/media/lil-shark.bfa1c0ad61874c9e9dbd.svg);background-image:url(/static/media/lil-shark.bfa1c0ad61874c9e9dbd.svg)}}.content-wrap.home .lil-shark{-webkit-animation-delay:1.3s;animation-delay:1.3s;-webkit-animation-direction:normal;animation-direction:normal;-webkit-animation-duration:5s;animation-duration:5s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-name:shark;animation-name:shark;-webkit-animation-timing-function:linear;animation-timing-function:linear;background-image:url(/static/media/lil-shark.bfa1c0ad61874c9e9dbd.svg);background-position:bottom;background-repeat:no-repeat;height:82px;opacity:0;position:absolute;top:-95px;width:130px}.content-wrap.home .lil-shark.shark-fade-in{opacity:1;top:calc(-82px - 1.5rem);transition:all 1s ease-out .4s}.content-wrap.home .container.home{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:center}.content-wrap.home .container.home .title-wrap{align-items:center;display:flex;flex-direction:column;justify-content:center;position:relative;width:250px}.content-wrap.home .container.home .title-wrap .h1-wrap{overflow:hidden}.content-wrap.home .container.home .title-wrap h1{font-size:2.5rem;line-height:1;position:relative;text-align:center;text-transform:uppercase;top:2em}.content-wrap.home .container.home .title-wrap h1.h1-fade-in{top:0;transition:all .4s cubic-bezier(0,1.3,.5,1.075) .02s}.content-wrap.home .container.home .title-wrap h2{bottom:-3.25rem;font-size:1.125rem;font-weight:500;line-height:1.4;opacity:1;position:absolute;text-align:center;transition:all 1s ease-out .4s;width:80%}.content-wrap.home .container.home .title-wrap h2.h2-fade-in{bottom:-2.5rem;opacity:0}.content-wrap.home .container.home .social-icons{align-items:center;bottom:1rem;display:flex;justify-content:space-between;opacity:0;position:absolute;width:120px;z-index:3}.content-wrap.home .container.home .social-icons.social-fade-in{opacity:1;transition:all .5s ease}.content-wrap.home .container.home .social-icons li{align-items:center;display:flex;height:28px;justify-content:center;width:28px}.content-wrap.home .container.home .social-icons li a{display:inline-block;height:80%;transition:all .4s ease-out;width:80%}.content-wrap.home .container.home .social-icons li a .social-icon{background-color:#1a1a1a;height:100%;transition:all .4s ease-out;width:100%}@media only screen and (min-width:601px){.content-wrap.home .container.home .title-wrap{width:100%}.content-wrap.home .container.home .title-wrap h1{font-size:2.75rem}.content-wrap.home .container.home .title-wrap h2{bottom:-1.75rem;font-size:1.25rem;font-weight:400;opacity:1}.content-wrap.home .container.home .title-wrap h2.h2-fade-in{bottom:-1em;opacity:0;transition:all 1s ease-out .4s}.content-wrap.home .container.home .social-icons{width:140px}.content-wrap.home .container.home .social-icons li{align-items:center;display:flex;height:35px;justify-content:center;width:35px}.content-wrap.home .lil-shark{-webkit-animation-delay:1.3s;animation-delay:1.3s;-webkit-animation-direction:normal;animation-direction:normal;-webkit-animation-duration:5s;animation-duration:5s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-name:shark;animation-name:shark;-webkit-animation-timing-function:linear;animation-timing-function:linear;background-image:url(/static/media/lil-shark.bfa1c0ad61874c9e9dbd.svg);background-position:bottom;background-repeat:no-repeat;height:110px;opacity:0;position:absolute;top:-110px;width:170px}.content-wrap.home .lil-shark.shark-fade-in{opacity:1;top:calc(-110px - 1.5rem);transition:all 1s ease-out .4s}}@media only screen and (min-width:1024px){.white-bg.home{overflow:hidden}.white-bg.home .content-wrap.home{margin-left:0;margin-right:0;margin-top:0;opacity:1;position:relative;transition:all .1s ease}.white-bg.home .content-wrap.home.content-up{margin-top:-2rem;opacity:0;transition:all .1s ease-out}.white-bg.home .content-wrap.home.content-right{margin-left:2rem;opacity:0;transition:all .1s ease-out}.white-bg.home .content-wrap.home.content-left{margin-left:-2rem;opacity:0;transition:all .1s ease-out}.white-bg.home .content-wrap.home.content-down{margin-top:2rem;opacity:0;transition:all .2s ease-out}.white-bg.home .content-wrap.home .lil-shark{height:110px;top:-110px;width:175px}.white-bg.home .content-wrap.home .lil-shark:hover{background-image:url(/static/media/lil-shark-mouth-open.02c4a31342d6b4d522be.svg)!important}.white-bg.home .content-wrap.home .lil-shark.shark-fade-in{top:-120px}.white-bg.home .content-wrap.home .container.home .title-wrap h1{font-size:3.5rem;line-height:1.3;top:1.5em}.white-bg.home .content-wrap.home .container.home .title-wrap h1.h1-fade-in{top:0;transition:all .4s cubic-bezier(0,1.6,.9,1.075) .02s}.white-bg.home .content-wrap.home .container.home .title-wrap h2{bottom:-.75em;font-size:1.5rem;font-weight:300}.white-bg.home .content-wrap.home .container.home .title-wrap h2.h2-fade-in{bottom:-.5em}.white-bg.home .content-wrap.home .container.home .social-icons{bottom:auto;top:1rem;width:145px;z-index:4}.white-bg.home .content-wrap.home .container.home .social-icons li{height:35px;width:35px}.white-bg.home .content-wrap.home .container.home .social-icons li a{height:80%;width:80%}.white-bg.home .content-wrap.home .container.home .social-icons li a:hover{height:100%;width:100%}.white-bg.home .content-wrap.home .container.home .social-icons li a .social-icon.linkedin:hover{background-color:#0077b7;transition:all .2s ease}.white-bg.home .content-wrap.home .container.home .social-icons li a .social-icon.behance:hover{background-color:#0057ff;transition:all .2s ease}}@media only screen and (min-width:1920px){.white-bg.home .content-wrap.home .container.home .title-wrap h1{font-size:3.75rem}.white-bg.home .content-wrap.home .container.home .title-wrap h2{bottom:-1.25rem;font-size:1.5rem;font-weight:400;opacity:1}.white-bg.home .content-wrap.home .container.home .title-wrap h2.h2-fade-in{bottom:-.5em;opacity:0;transition:all 1s ease-out .4s}.white-bg.home .content-wrap.home .container.home .title-wrap .lil-shark{height:115px;top:-125px;width:195px}.white-bg.home .content-wrap.home .container.home .title-wrap .lil-shark:hover{background-image:url(/static/media/lil-shark-mouth-open.02c4a31342d6b4d522be.svg)!important}.white-bg.home .content-wrap.home .container.home .title-wrap .lil-shark.shark-fade-in{top:-135px}.white-bg.home .content-wrap.home .container.home .social-icons{width:160px}.white-bg.home .content-wrap.home .container.home .social-icons li{align-items:center;display:flex;height:40px;justify-content:center;width:40px}}@media only screen and (min-width:2400px){.white-bg.home .content-wrap.home .container.home .lil-shark{height:150px;top:-160px;width:240px}.white-bg.home .content-wrap.home .container.home .lil-shark.shark-fade-in{top:-170px}.white-bg.home .content-wrap.home .container.home .title-wrap h1{font-size:5rem;line-height:1.3;top:1.5em}.white-bg.home .content-wrap.home .container.home .title-wrap h2{bottom:-1em;font-size:2rem}.white-bg.home .content-wrap.home .container.home .title-wrap h2.h2-fade-in{bottom:-.5em}.white-bg.home .content-wrap.home .container.home .social-icons{top:1.5rem;width:185px}.white-bg.home .content-wrap.home .container.home .social-icons li{height:45px;width:45px}}@-webkit-keyframes expand-right{0%{opacity:0;width:0}to{opacity:1;width:100%}}@keyframes expand-right{0%{opacity:0;width:0}to{opacity:1;width:100%}}@-webkit-keyframes shift-up{0%{opacity:0;top:15px}to{opacity:1;top:0}}.content-wrap.about .about-grid{display:flex;flex-direction:column}.content-wrap.about .about-grid h1,.content-wrap.about .about-grid h2{font-size:1.75rem;line-height:1;margin-bottom:.75rem;text-transform:capitalize}.content-wrap.about .about-grid .title-wrap .rule{-webkit-animation-delay:.2s;animation-delay:.2s;-webkit-animation-direction:normal;animation-direction:normal;-webkit-animation-duration:.5s;animation-duration:.5s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-iteration-count:1;animation-iteration-count:1;-webkit-animation-name:expand-right;animation-name:expand-right;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out;background-color:#1a1a1a;height:2px;margin-bottom:1rem;opacity:0;width:0}.content-wrap.about .about-grid .grid-item-1{margin-bottom:2rem}.content-wrap.about .about-grid .grid-item-1 .me-img-wrap{height:200px;width:200px}.content-wrap.about .about-grid .grid-item-1 .me-img-wrap img{-webkit-animation-delay:.2s;animation-delay:.2s;-webkit-animation-direction:normal;animation-direction:normal;-webkit-animation-duration:.7s;animation-duration:.7s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-iteration-count:1;animation-iteration-count:1;-webkit-animation-name:shift-up;animation-name:shift-up;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out;opacity:0;position:relative}.content-wrap.about .about-grid .grid-item-2{margin-top:1rem}.content-wrap.about .about-grid .grid-item-3{margin-top:2rem}.content-wrap.about .about-grid .grid-item-3 .stats-list-wrap .stats-list .stats-wrap{align-items:center;display:flex;margin-bottom:1rem;width:100%}.content-wrap.about .about-grid .grid-item-3 .stats-list-wrap .stats-list .stats-wrap .icon-wrap{align-items:center;display:flex;height:35px;justify-content:center;width:35px}.content-wrap.about .about-grid .grid-item-3 .stats-list-wrap .stats-list .stats-wrap .icon-wrap .about-icons{opacity:0;transition:width .6s ease,opacity .9s ease;width:50%}.content-wrap.about .about-grid .grid-item-3 .stats-list-wrap .stats-list .stats-wrap .icon-wrap .icons-revealed{opacity:1;width:100%}.content-wrap.about .about-grid .grid-item-3 .stats-list-wrap .stats-list .stats-wrap .stats-bar-wrap{padding-left:.75rem;width:100%}.content-wrap.about .about-grid .grid-item-3 .stats-list-wrap .stats-list .stats-wrap .stats-bar-wrap h5{color:#4d8c9f;font-size:.75rem;font-weight:600;line-height:.5em;margin:0 auto .5em 0;text-transform:uppercase}.content-wrap.about .about-grid .grid-item-3 .stats-list-wrap .stats-list .stats-wrap .stats-bar{background:#4d8c9f;border-radius:5px;height:13px;overflow:hidden;position:relative;width:100%}.content-wrap.about .about-grid .grid-item-3 .stats-list-wrap .stats-list .stats-wrap .stats-bar .stats-bar-inner{background:#b2f3f3;border-radius:5px;height:15px;left:-90%;opacity:.5;position:absolute;transition:all .3s ease-out;width:85%}.content-wrap.about .about-grid .grid-item-3 .stats-list-wrap .stats-list .stats-wrap .stats-bar .bars-slide-in{left:0;opacity:1}.content-wrap.about .about-grid .grid-item-3 .stats-list-wrap .stats-list .stats-wrap .css .stats-bar-inner,.content-wrap.about .about-grid .grid-item-3 .stats-list-wrap .stats-list .stats-wrap .html .stats-bar-inner{width:75%}.content-wrap.about .about-grid .grid-item-3 .stats-list-wrap .stats-list .stats-wrap .react .stats-bar-inner{width:55%}.content-wrap.about .about-grid .grid-item-3 .stats-list-wrap .stats-list .stats-wrap .wordpress .stats-bar-inner{width:80%}.content-wrap.about .about-grid .grid-item-3 .stats-list-wrap .stats-list .stats-wrap .drawing .stats-bar-inner,.content-wrap.about .about-grid .grid-item-3 .stats-list-wrap .stats-list .stats-wrap .seo .stats-bar-inner{width:65%}.content-wrap.about .about-grid .grid-item-3 .stats-list-wrap .stats-list .stats-wrap .illustrator .stats-bar-inner,.content-wrap.about .about-grid .grid-item-3 .stats-list-wrap .stats-list .stats-wrap .indesign .stats-bar-inner,.content-wrap.about .about-grid .grid-item-3 .stats-list-wrap .stats-list .stats-wrap .photoshop .stats-bar-inner{width:85%}.content-wrap.about .about-grid .grid-item-3 .stats-list-wrap .stats-list .stats-wrap .stats-bar-border{border:2px solid #4d8c9f;border-radius:5px;height:100%;position:absolute;top:0;width:100%}.content-wrap.about .resume-btn-wrap{align-items:center;background-image:url(/static/media/explosion-01.cf1aedc9eefb3737017a.svg);background-position:50%;background-repeat:no-repeat;background-size:contain;display:flex;justify-content:center;margin:0 auto;min-height:280px;-webkit-transform:rotate(6deg);transform:rotate(6deg);width:280px}@-webkit-keyframes explosion{0%{background-image:url(/static/media/explosion-02.e9d4405e5a1bb6bd6b47.svg)}40%{background-image:url(/static/media/explosion-01.cf1aedc9eefb3737017a.svg)}to{background-image:url(/static/media/explosion-01.cf1aedc9eefb3737017a.svg)}}@keyframes explosion{0%{background-image:url(/static/media/explosion-02.e9d4405e5a1bb6bd6b47.svg)}40%{background-image:url(/static/media/explosion-01.cf1aedc9eefb3737017a.svg)}to{background-image:url(/static/media/explosion-01.cf1aedc9eefb3737017a.svg)}}.content-wrap.about .resume-btn-wrap.animate-explosion{-webkit-animation-direction:normal;animation-direction:normal;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-name:explosion;animation-name:explosion;-webkit-animation-timing-function:linear;animation-timing-function:linear}.content-wrap.about .resume-btn-wrap a{text-decoration:none}.content-wrap.about .resume-btn-wrap a .btn-outer-border{background:#fff;border:2px solid #1a1a1a;border-radius:9px;color:#1a1a1a;padding:4px;position:relative}.content-wrap.about .resume-btn-wrap a .btn-outer-border .resume-btn{align-items:center;border:2px solid #1a1a1a;border-radius:5px;display:flex;justify-content:center;padding:.5rem 2rem;transition:all 1s ease}.content-wrap.about .resume-btn-wrap a .btn-outer-border .resume-btn.resume-btn-hover{border:2px solid #fff;transition:all .2s ease}.content-wrap.about .resume-btn-wrap a .btn-outer-border .resume-btn img{margin-right:8px;max-width:25px}.content-wrap.about .resume-btn-wrap a .btn-outer-border .resume-btn span{color:#1a1a1a;font-size:1.25rem;text-transform:uppercase;transition:all .4s ease}.content-wrap.about .resume-btn-wrap a .btn-outer-border .resume-btn span.resume-btn-span-hover{color:#fff!important;transition:all .8s ease}@-webkit-keyframes move-arrow-left{0%,to{left:-2.75em}50%{left:-3.75em}}@keyframes move-arrow-left{0%,to{left:-2.75em}50%{left:-3.75em}}@-webkit-keyframes move-arrow-right{0%,to{right:-2.75em}50%{right:-3.75em}}@keyframes move-arrow-right{0%,to{right:-2.75em}50%{right:-3.75em}}.content-wrap.about .resume-btn-wrap a .btn-outer-border .arrow-left,.content-wrap.about .resume-btn-wrap a .btn-outer-border .arrow-right{width:2em}.content-wrap.about .resume-btn-wrap a .btn-outer-border .arrow-left{-webkit-animation-delay:2s;animation-delay:2s;-webkit-animation-direction:alternate;animation-direction:alternate;-webkit-animation-duration:2s;animation-duration:2s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-name:move-arrow-left;animation-name:move-arrow-left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;left:-80px;margin-right:2rem;position:absolute;top:.5em}.content-wrap.about .resume-btn-wrap a .btn-outer-border .arrow-right{-webkit-animation-delay:2s;animation-delay:2s;-webkit-animation-direction:alternate;animation-direction:alternate;-webkit-animation-duration:2s;animation-duration:2s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-name:move-arrow-right;animation-name:move-arrow-right;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;position:absolute;right:-80px;top:.5em;-webkit-transform:rotate(180deg);transform:rotate(180deg)}.content-wrap.about .cat-img-wrap{display:none}@media only screen and (min-width:601px){.content-wrap.about .about-grid{max-width:480px}.content-wrap.about .about-grid h1,.content-wrap.about .about-grid h2{font-size:2rem;margin-bottom:1rem}}@media only screen and (min-width:1024px){.content-wrap.about{margin-left:0;opacity:1;transition:all .1s ease}.content-wrap.about.content-left{margin-left:-2rem;opacity:0;transition:all .1s ease-out}.content-wrap.about .about-grid{margin:auto;max-width:600px}.content-wrap.about .about-grid h1,.content-wrap.about .about-grid h2{font-size:2.25rem;margin-bottom:1.25rem}.content-wrap.about .about-grid .title-wrap .rule{margin-bottom:1.25rem}.content-wrap.about .about-grid .grid-item-2{margin-top:1.5rem}.content-wrap.about .about-grid .grid-item-3 .stats-list-wrap .stats-list .stats-wrap{margin-bottom:1.25rem;padding-right:2rem}.content-wrap.about .about-grid .grid-item-3 .stats-list-wrap .stats-list .stats-wrap .icon-wrap{height:45px;width:45px}.content-wrap.about .about-grid .grid-item-3 .stats-list-wrap .stats-list .stats-wrap .stats-bar-wrap h5{font-size:.875rem}}@media only screen and (min-width:1601px){.content-wrap.about{padding:4rem 0 0 4rem}.content-wrap.about .cat-img-wrap{display:block;position:absolute;right:0;top:20%;width:23vw}.content-wrap.about .about-grid{grid-column-gap:3rem;-webkit-column-gap:3rem;column-gap:3rem;display:grid;grid-auto-columns:-webkit-max-content;grid-auto-columns:max-content;margin:auto auto auto 0;max-width:1400px;padding-bottom:5rem}.content-wrap.about .about-grid h1,.content-wrap.about .about-grid h2{font-size:2.5rem;line-height:1em;margin-bottom:2rem}.content-wrap.about .about-grid .title-wrap{position:relative}.content-wrap.about .about-grid .title-wrap .rule{bottom:-1rem;margin-bottom:0;position:absolute}.content-wrap.about .about-grid .grid-item-1{grid-column:1/2;padding-top:1rem}.content-wrap.about .about-grid .grid-item-1 .me-img-wrap{height:200px;position:relative;width:200px}.content-wrap.about .about-grid .grid-item-2{grid-column:2/3;margin-top:0;overflow:visible;padding-right:2rem;padding-top:3rem}.content-wrap.about .about-grid .grid-item-2 .text-wrap p{max-width:375px;padding-right:1rem}.content-wrap.about .about-grid .grid-item-3{grid-column:3/4;padding-top:5rem}.content-wrap.about .about-grid .grid-item-3 .stats-list-wrap .stats-list .stats-wrap{padding-right:1rem;width:380px}.content-wrap.about .about-grid .grid-item-3 .stats-list-wrap .stats-list .stats-wrap .stats-bar-wrap{padding-left:.75rem;width:100%}.content-wrap.about .about-grid .grid-item-3 .stats-list-wrap .stats-list .stats-wrap .stats-bar-wrap h5{color:#4d8c9f;font-size:.75rem;font-weight:600;line-height:.5em;margin:0 auto .5em 0}.content-wrap.about .resume-btn-wrap{bottom:0;height:15rem;left:8rem;position:absolute;width:15rem}@-webkit-keyframes explosion{0%{background-image:url(/static/media/explosion-02.e9d4405e5a1bb6bd6b47.svg)}40%{background-image:url(/static/media/explosion-01.cf1aedc9eefb3737017a.svg)}to{background-image:url(/static/media/explosion-01.cf1aedc9eefb3737017a.svg)}}@keyframes explosion{0%{background-image:url(/static/media/explosion-02.e9d4405e5a1bb6bd6b47.svg)}40%{background-image:url(/static/media/explosion-01.cf1aedc9eefb3737017a.svg)}to{background-image:url(/static/media/explosion-01.cf1aedc9eefb3737017a.svg)}}.content-wrap.about .resume-btn-wrap a{text-decoration:none}@-webkit-keyframes move-arrow-left{0%,to{left:-70px}50%{left:-85px}}@keyframes move-arrow-left{0%,to{left:-70px}50%{left:-85px}}@-webkit-keyframes move-arrow-right{0%,to{right:-70px}50%{right:-85px}}@keyframes move-arrow-right{0%,to{right:-70px}50%{right:-85px}}.content-wrap.about .resume-btn-wrap a .btn-outer-border .arrow-left,.content-wrap.about .resume-btn-wrap a .btn-outer-border .arrow-right{width:2.75em}.content-wrap.about .resume-btn-wrap a .btn-outer-border .arrow-left,.content-wrap.about .resume-btn-wrap a .btn-outer-border .arrow-right{top:4px}}@media only screen and (min-width:1701px){.content-wrap.about .about-grid{margin:auto auto auto 3rem}}@media only screen and (min-width:1801px){.content-wrap.about .cat-img-wrap{top:10%;width:30vw}}@media only screen and (min-width:1901px){.content-wrap.about .cat-img-wrap{height:25vw;top:230px;width:25vw}.content-wrap.about .about-grid{-webkit-column-gap:5rem;column-gap:5rem;margin:2rem auto auto 7rem}.content-wrap.about .about-grid .grid-item-1 .me-img-wrap{height:240px;width:240px}.content-wrap.about .resume-btn-wrap{height:18rem;width:18rem}.content-wrap.about .resume-btn-wrap a .btn-outer-border .resume-btn span{font-size:1.75rem}.content-wrap.about .resume-btn-wrap a .btn-outer-border .arrow-left,.content-wrap.about .resume-btn-wrap a .btn-outer-border .arrow-right{top:.5em;width:3.25em}}@media only screen and (min-width:2001px){.content-wrap.about .about-grid .grid-item-1 .me-img-wrap{height:240px;max-width:100%;width:240px}}@media only screen and (min-width:2301px){.content-wrap.about .about-grid{-webkit-column-gap:5rem;column-gap:5rem;margin:4rem auto auto 10rem}.content-wrap.about .about-grid .grid-item-1 .me-img-wrap{height:280px;width:280px}.content-wrap.about .resume-btn-wrap{height:27rem;width:23rem}.content-wrap.about .resume-btn-wrap a .btn-outer-border .resume-btn span{font-size:2rem}.content-wrap.about .resume-btn-wrap a .btn-outer-border .arrow-left,.content-wrap.about .resume-btn-wrap a .btn-outer-border .arrow-right{top:.3em;width:3.5em}}@media only screen and (min-width:2401px){.content-wrap.about .about-grid{grid-template-columns:2fr 5fr 6fr;margin:5rem auto auto 15rem;max-width:1500px}.content-wrap.about .about-grid h2{font-size:2.75rem}.content-wrap.about .about-grid .grid-item-1 .me-img-wrap{height:300px;width:300px}.content-wrap.about .about-grid .grid-item-2 .text-wrap p{font-size:1.125rem;max-width:100%;padding-right:1rem}.content-wrap.about .about-grid .grid-item-3 .stats-list-wrap .stats-list .stats-wrap{margin-bottom:1.25rem;padding-right:2rem;width:100%}.content-wrap.about .about-grid .grid-item-3 .stats-list-wrap .stats-list .stats-wrap .icon-wrap{height:50px;width:50px}.content-wrap.about .about-grid .grid-item-3 .stats-list-wrap .stats-list .stats-wrap .stats-bar-wrap h5{font-size:1rem}@-webkit-keyframes move-arrow-left{0%,to{left:-80px}50%{left:-95px}}@keyframes move-arrow-left{0%,to{left:-80px}50%{left:-95px}}@-webkit-keyframes move-arrow-right{0%,to{right:-80px}50%{right:-95px}}@keyframes move-arrow-right{0%,to{right:-80px}50%{right:-95px}}.content-wrap.about .resume-btn-wrap{left:12rem}.content-wrap.about .resume-btn-wrap a .btn-outer-border .arrow-left,.content-wrap.about .resume-btn-wrap a .btn-outer-border .arrow-right{top:.1em;width:4em}}.white-bg.work{background-color:hsla(0,0%,100%,.75)}.workpage-content{opacity:1;transition:all .1s ease-out}.workpage-content.fade{opacity:0;transition:all .1s ease}.workpage-content.hide{display:none}.gradient-overlay{background-image:linear-gradient(#fff,hsla(0,0%,100%,0) 90%);height:100vh;opacity:0;position:absolute;transition:opacity .3s ease;visibility:hidden;width:100%}.gradient-overlay.show-overlay{opacity:1;transition:opacity .3s ease;visibility:visible}.content-wrap.work{display:block;opacity:0;position:relative;top:1rem;transition:all .2s ease}.content-wrap.work.reveal-work{opacity:1!important;top:0!important;transition:all .2s ease}.content-wrap.work.hide{display:none}.content-wrap.work .back-arrow{-webkit-animation-delay:1s;animation-delay:1s;-webkit-animation-direction:normal;animation-direction:normal;-webkit-animation-duration:2s;animation-duration:2s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-iteration-count:1;animation-iteration-count:1;-webkit-animation-name:fade-in;animation-name:fade-in;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out;opacity:0;right:0;transition:opacity 1s ease-out}.content-wrap.work .container.work h1{font-size:2.5rem;margin-bottom:1.75rem}.content-wrap.work .container.work .filter{color:#bbb;cursor:pointer;font-size:1.5rem;font-weight:600;line-height:1.1;margin-bottom:1rem;text-transform:uppercase;transition:all .3s ease}.content-wrap.work .container.work .filter .color-black{color:#1a1a1a;transition:all .3s ease}.content-wrap.work .container.work .projects-container{grid-column-gap:6rem;grid-row-gap:6rem;-webkit-column-gap:6rem;column-gap:6rem;display:grid;grid-template-columns:1fr;row-gap:6rem}@media only screen and (min-width:1024px){.white-bg-wrap{position:relative}.white-bg-wrap .white-bg.work{background-color:#fff;transition:all .3s ease}.white-bg-wrap.resize-white-bg .white-bg.work{background-color:#f5f5f5;transition:all .3s ease}.content-wrap.work{display:block;opacity:0;position:relative;top:1rem;transition:all .2s ease}.content-wrap.work.reveal-work{opacity:1!important;top:0!important}.content-wrap.work.hide{display:none}.content-wrap.work .back-arrow{-webkit-animation-delay:1s;animation-delay:1s;-webkit-animation-direction:normal;animation-direction:normal;-webkit-animation-duration:2s;animation-duration:2s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-iteration-count:1;animation-iteration-count:1;-webkit-animation-name:fade-in;animation-name:fade-in;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out;opacity:0;right:0;transition:opacity 1s ease-out}.content-wrap.work .container.work h1{font-size:3.5rem;margin-bottom:2.5rem}.content-wrap.work .container.work .filter{color:#bbb;cursor:pointer;font-size:1.75rem;font-weight:600;line-height:1;margin-bottom:1.5rem;text-transform:uppercase;transition:all .3s ease}.content-wrap.work .container.work .filter .color-black{color:#1a1a1a;transition:all .3s ease}.content-wrap.work .container.work .projects-container{grid-column-gap:2rem;grid-row-gap:3rem;-webkit-column-gap:2rem;column-gap:2rem;display:grid;grid-template-columns:1fr 1fr;row-gap:3rem}}@media only screen and (min-width:1920px){.content-wrap.work .container.work .filter{font-size:2rem;margin-bottom:1.75rem}.content-wrap.work .container.work .projects-container{-webkit-column-gap:4rem;column-gap:4rem;row-gap:4rem}}@media only screen and (min-width:2400px){.content-wrap.work .container.work .filter{font-size:2.5rem;margin-bottom:1.75rem}.content-wrap.work .container.work h1{font-size:4rem;margin-bottom:2.5rem}.content-wrap.work .container.work .projects-container{-webkit-column-gap:6rem;column-gap:6rem;row-gap:6rem}}.content-wrap.contact .container{display:flex;flex-direction:column;width:100%}@keyframes shift-up{0%{opacity:0;top:15px}to{opacity:1;top:0}}@-webkit-keyframes shift-down{0%{opacity:0;top:-15px}to{opacity:1;top:0}}@keyframes shift-down{0%{opacity:0;top:-15px}to{opacity:1;top:0}}.content-wrap.contact .container h1{-webkit-animation-delay:1.2s;animation-delay:1.2s;-webkit-animation-direction:normal;animation-direction:normal;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-iteration-count:1;animation-iteration-count:1;-webkit-animation-name:shift-up;animation-name:shift-up;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out;font-size:2.5rem;line-height:1em;margin-bottom:1.75rem}.content-wrap.contact .container h1,.content-wrap.contact .container p{-webkit-animation-duration:1s;animation-duration:1s;opacity:0;position:relative}.content-wrap.contact .container p{-webkit-animation-delay:1.2s;animation-delay:1.2s;-webkit-animation-direction:normal;animation-direction:normal;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-iteration-count:1;animation-iteration-count:1;-webkit-animation-name:shift-down;animation-name:shift-down;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out;margin-top:1.125rem;max-width:550px}.content-wrap.contact .container .arrow-icons-container .col-1{display:none}.content-wrap.contact .container .arrow-icons-container .col-2{max-width:240px;width:70%}.content-wrap.contact .container .arrow-icons-container .col-2 .contact-icons-wrap{align-items:center;-webkit-animation-direction:normal;animation-direction:normal;-webkit-animation-duration:1.2s;animation-duration:1.2s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-iteration-count:1;animation-iteration-count:1;-webkit-animation-name:shift-left;animation-name:shift-left;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out;display:flex;font-size:1rem;position:relative}.content-wrap.contact .container .arrow-icons-container .col-2 .contact-icons-wrap li{margin-left:2rem}.content-wrap.contact .container .arrow-icons-container .col-2 .contact-icons-wrap li:first-child{margin-left:0}@-webkit-keyframes shift-left{0%{left:100%}to{left:0}}@keyframes shift-left{0%{left:100%}to{left:0}}@-webkit-keyframes spin-icons{0%{-webkit-transform:rotate(-250deg);transform:rotate(-250deg)}to{-webkit-transform:rotate(-719deg);transform:rotate(-719deg)}}@keyframes spin-icons{0%{-webkit-transform:rotate(-250deg);transform:rotate(-250deg)}to{-webkit-transform:rotate(-719deg);transform:rotate(-719deg)}}.content-wrap.contact .container .arrow-icons-container .col-2 .contact-icons-wrap span{-webkit-animation-duration:1.2s;animation-duration:1.2s;-webkit-animation-iteration-count:1;animation-iteration-count:1;-webkit-animation-name:spin-icons;animation-name:spin-icons;-webkit-animation-timing-function:linear;animation-timing-function:linear;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out;height:30px;width:30px}.content-wrap.contact .container .arrow-icons-container .col-2 .contact-icons-wrap .coloured-icon.envelope{width:43px}.content-wrap.contact .monkey-container .monkey-wrap{margin:3rem auto 0;max-width:580px}@media only screen and (min-width:601px){.content-wrap.contact .container h1{font-size:2.75rem}.content-wrap.contact .container .arrow-icons-container .col-2{max-width:240px;width:70%}.content-wrap.contact .container .arrow-icons-container .col-2 .contact-icons-wrap span{height:35px;width:35px}.content-wrap.contact .container .arrow-icons-container .col-2 .contact-icons-wrap .coloured-icon.envelope{width:51px}.content-wrap.contact .monkey-container .monkey-wrap{margin:4rem auto 0}}@media only screen and (min-width:1024px){.content-wrap.contact{display:flex;flex-direction:column;height:100%;justify-content:space-between;overflow:hidden;padding-bottom:2rem}.content-wrap.contact .container h1{font-size:3.5rem;margin-bottom:0}.content-wrap.contact .container p{-webkit-animation-delay:1.2s;animation-delay:1.2s;-webkit-animation-direction:normal;animation-direction:normal;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-iteration-count:1;animation-iteration-count:1;-webkit-animation-name:shift-down;animation-name:shift-down;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out;margin-top:0}.content-wrap.contact .container .arrow-icons-container{align-items:center;display:flex;width:100%}.content-wrap.contact .container .arrow-icons-container .col-1{display:block;width:60%}@-webkit-keyframes shrink-grow{0%{width:100%}35%{width:95%}70%{width:100%}to{width:100%}}@keyframes shrink-grow{0%{width:100%}35%{width:95%}70%{width:100%}to{width:100%}}.content-wrap.contact .container .arrow-icons-container .col-1 .big-arrow-outer{-webkit-animation-delay:2.5s;animation-delay:2.5s;-webkit-animation-direction:normal;animation-direction:normal;-webkit-animation-duration:2s;animation-duration:2s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-name:shrink-grow;animation-name:shrink-grow;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}@-webkit-keyframes shift-right{0%{left:-100%;opacity:0}to{left:0;opacity:1}}@keyframes shift-right{0%{left:-100%;opacity:0}to{left:0;opacity:1}}.content-wrap.contact .container .arrow-icons-container .col-1 .big-arrow-outer .big-arrow-wrap{-webkit-animation-delay:.8s;animation-delay:.8s;-webkit-animation-direction:normal;animation-direction:normal;-webkit-animation-duration:.5s;animation-duration:.5s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-iteration-count:1;animation-iteration-count:1;-webkit-animation-name:shift-right;animation-name:shift-right;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out;background-color:#1a1a1a;height:2px;left:-120%;margin:1.5rem 0;position:relative;transition:all 1s ease-out}.content-wrap.contact .container .arrow-icons-container .col-1 .big-arrow-outer .big-arrow-wrap .pointer-head{background-color:#1a1a1a;-webkit-clip-path:polygon(0 0,100% 50%,0 100%);clip-path:polygon(0 0,100% 50%,0 100%);height:40px;position:absolute;right:-19px;top:-19px;width:20px}.content-wrap.contact .container .arrow-icons-container .col-2{max-width:none;padding-left:4rem;width:40%}.content-wrap.contact .container .arrow-icons-container .col-2 .contact-icons-wrap{margin:0}.content-wrap.contact .container .arrow-icons-container .col-2 .contact-icons-wrap li{margin-left:2.75rem}.content-wrap.contact .container .arrow-icons-container .col-2 .contact-icons-wrap li:first-child{margin-left:0}.content-wrap.contact .container .arrow-icons-container .col-2 .contact-icons-wrap span{-webkit-animation-duration:1.2s;animation-duration:1.2s;-webkit-animation-iteration-count:1;animation-iteration-count:1;-webkit-animation-name:spin-icons;animation-name:spin-icons;-webkit-animation-timing-function:linear;animation-timing-function:linear;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out;height:40px;width:40px}.content-wrap.contact .container .arrow-icons-container .col-2 .contact-icons-wrap .coloured-icon.envelope{width:59px}.content-wrap.contact .monkey-container{display:flex;height:100%;justify-content:flex-end;margin-left:0;opacity:1;transition:all .1s ease;width:100%}.content-wrap.contact .monkey-container.content-right{margin-left:2rem;opacity:0;transition:all .1s ease-out}.content-wrap.contact .monkey-container .monkey-wrap{margin:0 11rem 0 auto;max-width:700px;width:65vh}}@media only screen and (min-width:1440px){.content-wrap.contact .container .arrow-icons-container .col-1 .big-arrow-outer .big-arrow-wrap .pointer-head{background-color:#1a1a1a;-webkit-clip-path:polygon(0 0,100% 50%,0 100%);clip-path:polygon(0 0,100% 50%,0 100%);height:50px;position:absolute;right:-24px;top:-24px;width:30px}.content-wrap.contact .container .arrow-icons-container .col-2{padding-left:4rem}.content-wrap.contact .container .arrow-icons-container .col-2 .contact-icons-wrap li{margin-left:3rem}.content-wrap.contact .container .arrow-icons-container .col-2 .contact-icons-wrap li:first-child{margin-left:0}.content-wrap.contact .container .arrow-icons-container .col-2 .contact-icons-wrap li .coloured-icon{height:50px;width:50px}.content-wrap.contact .container .arrow-icons-container .col-2 .contact-icons-wrap li .coloured-icon.envelope{width:73px}}@media only screen and (min-width:1600px){.content-wrap.contact .container .arrow-icons-container .col-1{width:55%}.content-wrap.contact .container .arrow-icons-container .col-1 .big-arrow-outer .big-arrow-wrap .pointer-head{height:80px;right:-39px;top:-39px;width:40px}.content-wrap.contact .container .arrow-icons-container .col-2{padding-left:6rem;width:45%}.content-wrap.contact .container .arrow-icons-container .col-2 .contact-icons-wrap li{margin-left:3rem}.content-wrap.contact .container .arrow-icons-container .col-2 .contact-icons-wrap li:first-child{margin-left:0}.content-wrap.contact .container .arrow-icons-container .col-2 .contact-icons-wrap li .coloured-icon{height:50px;width:50px}.content-wrap.contact .container .arrow-icons-container .col-2 .contact-icons-wrap li .coloured-icon.envelope{width:73px}}@media only screen and (min-width:1900px){.content-wrap.contact{padding-bottom:4rem}.content-wrap.contact .container h1{font-size:4rem}.content-wrap.contact .container p{font-size:1.125rem}@-webkit-keyframes shift-left{0%{left:150%}to{left:0}}@keyframes shift-left{0%{left:150%}to{left:0}}@-webkit-keyframes shift-right{0%{left:-150%;opacity:0}to{left:0;opacity:1}}@keyframes shift-right{0%{left:-150%;opacity:0}to{left:0;opacity:1}}.content-wrap.contact .container .arrow-icons-container .col-2{padding-left:7rem}.content-wrap.contact .container .arrow-icons-container .col-2 .contact-icons-wrap li{margin-left:3.25rem}.content-wrap.contact .container .arrow-icons-container .col-2 .contact-icons-wrap li:first-child{margin-left:0}.content-wrap.contact .container .arrow-icons-container .col-2 .contact-icons-wrap li .coloured-icon{height:55px;width:55px}.content-wrap.contact .container .arrow-icons-container .col-2 .contact-icons-wrap li .coloured-icon.envelope{width:80px}.content-wrap.contact .monkey-container{align-items:flex-end;padding-right:10rem}.content-wrap.contact .monkey-container .monkey-wrap{margin:0;max-width:950px;width:40%}}@media only screen and (min-width:2400px){.content-wrap.contact{padding:12rem 14rem 6rem}.content-wrap.contact .container h1{font-size:5rem}.content-wrap.contact .container p{font-size:1.25rem;line-height:1.7;max-width:660px}@-webkit-keyframes shift-right{0%{left:-150%;opacity:0}to{left:0;opacity:1}}@keyframes shift-right{0%{left:-150%;opacity:0}to{left:0;opacity:1}}.content-wrap.contact .container .arrow-icons-container .col-1 .big-arrow-outer .big-arrow-wrap{-webkit-animation-name:shift-right;animation-name:shift-right;left:-150%}.content-wrap.contact .container .arrow-icons-container .col-2{padding-left:8.5rem}.content-wrap.contact .container .arrow-icons-container .col-2 .contact-icons-wrap li{margin-left:3.75rem}.content-wrap.contact .container .arrow-icons-container .col-2 .contact-icons-wrap li:first-child{margin-left:0}.content-wrap.contact .container .arrow-icons-container .col-2 .contact-icons-wrap li .coloured-icon{height:60px;width:60px}.content-wrap.contact .container .arrow-icons-container .col-2 .contact-icons-wrap li .coloured-icon.envelope{width:86px}.content-wrap.contact .monkey-container{padding-right:10rem}.content-wrap.contact .monkey-container .monkey-wrap{margin:0;max-width:1000px;width:70%}}.content-wrap.coming-soon{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:2rem;text-align:center}.content-wrap.coming-soon h1{font-size:2rem}@media only screen and (min-width:800px){.content-wrap.coming-soon h1{font-size:3rem}.content-wrap.coming-soon p{font-size:1.125rem}}@media only screen and (min-width:1920px){.content-wrap.coming-soon h1{font-size:5rem}.content-wrap.coming-soon p{font-size:1.125rem}}.project-tile{background-color:#fff;border-radius:10px;box-shadow:0 26px 14px -15px rgba(0,0,0,.2);overflow:hidden;padding-bottom:2rem}.project-tile img{width:100%}.project-tile .thumb-wrap{opacity:1;position:relative;transition:opacity .3s ease}.project-tile .thumb-wrap .external-link-thumb:after{background-color:#0032aa;bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:all .3s ease}.project-tile .thumb-wrap .external-link-thumb:hover{cursor:pointer;opacity:.8;transition:opacity .1s ease}.project-tile .thumb-wrap .external-link-thumb:hover:after{background-color:#0032aa;opacity:.5;transition:all .1s ease}.project-tile .details-wrap{padding:0 2rem}.project-tile .details-wrap .text-wrap h2{margin-top:1rem}.project-tile .details-wrap .text-wrap .skills{color:#777;font-size:1rem;font-weight:400;margin-bottom:1em;text-transform:none}.project-tile .details-wrap .text-wrap p{margin-bottom:1.5rem}.project-tile .details-wrap .text-wrap .tag-list{display:flex;flex-wrap:wrap;font-size:14px;font-weight:400;gap:.25rem;margin-bottom:1em;text-transform:none}.project-tile .details-wrap .text-wrap .tag-list li{border-right:1px solid #777;line-height:1.2;margin-right:.5rem;padding-right:.5rem;position:relative}.project-tile .details-wrap .text-wrap .tag-list li:last-child{border-right:none}.project-tile .details-wrap .text-wrap .tag-list li button{background:transparent;border:none;color:#777;padding:0}.project-tile .details-wrap .text-wrap .tag-list li button:hover{color:#46aaff;cursor:pointer}.project-tile .details-wrap .text-wrap .tag-list li button.selected{color:#46aaff}.project-tile .details-wrap .read-more-wrap{align-items:center;display:flex;flex-wrap:wrap}.project-tile .details-wrap .read-more-wrap .read-more-btn,.project-tile .details-wrap .read-more-wrap a{margin-right:2em;position:relative}.project-tile .details-wrap .read-more-wrap .external-link,.project-tile .details-wrap .read-more-wrap .github-link{align-items:center;display:flex;margin-right:3.3rem;padding:.25rem 0}.project-tile .details-wrap .read-more-wrap .external-link .img-wrap,.project-tile .details-wrap .read-more-wrap .github-link .img-wrap{background-color:#46aaff;display:inline-block;height:1.3em;-webkit-mask-size:cover!important;mask-size:cover!important;-webkit-mask:url(/static/media/icon-github.cc72c570f969e043a1c2.svg);mask:url(/static/media/icon-github.cc72c570f969e043a1c2.svg);position:absolute;right:-1.7em;transition:color .3s ease;transition:right .4s ease-out,width .4s ease-out,height .4s ease-out;width:1.3em}.project-tile .details-wrap .read-more-wrap .external-link:hover .img-wrap,.project-tile .details-wrap .read-more-wrap .github-link:hover .img-wrap{background-color:#6ee6ff;height:1.6em;right:-2em;transition:color .1s ease-out;transition:right .2s ease-out,width .2s ease-out,height .2s ease-out;width:1.6em}.project-tile .details-wrap .read-more-wrap .external-link .img-wrap{height:1.2em;-webkit-mask:url(/static/media/external-link-icon.fd73a9d714614d6ee577.svg);mask:url(/static/media/external-link-icon.fd73a9d714614d6ee577.svg);width:1.2em}.project-tile .details-wrap .read-more-wrap .play-me{background-color:#46aaff;border:2px solid #348fdf;border-radius:4px;color:#fff;font-size:1.25rem;font-weight:600;margin:auto;padding:.3rem 1rem;text-align:center;text-decoration:none;text-transform:uppercase;width:100%}.project-tile .details-wrap .read-more-wrap .play-me:hover{background-color:#baf;border:2px solid #9d8dde}@media only screen and (min-width:1024px){.project-tile{background-color:#fff;border-radius:10px;box-shadow:0 26px 14px -15px rgba(0,0,0,.2);display:flex;flex-direction:column;overflow:hidden;padding-bottom:2rem}.project-tile img{width:100%}.project-tile .details-wrap{display:flex;flex-direction:column;flex-grow:1;justify-content:space-between;padding:0 2rem}.project-tile .details-wrap .text-wrap h2{margin:1rem auto 0;padding-top:1rem}.project-tile .details-wrap .text-wrap .tag-list{display:flex;flex-wrap:wrap;font-size:1rem;font-weight:400;margin-bottom:1em;text-transform:none}.project-tile .details-wrap .text-wrap .tag-list li{border-right:1px solid #777;line-height:1.2;margin-right:.5rem;padding-right:.5rem;position:relative}.project-tile .details-wrap .text-wrap .tag-list li:last-child{border-right:none}.project-tile .details-wrap .text-wrap .tag-list li button{background:transparent;border:none;color:#777;padding:0}.project-tile .details-wrap .text-wrap .tag-list li button:hover{color:#46aaff;cursor:pointer}.project-tile .details-wrap .text-wrap .tag-list li button.selected{color:#46aaff}}.project-popup-wrap{background-color:#fff;height:100vh;overflow-y:scroll;position:absolute}.project-popup-wrap .white-bg.project-popup{opacity:0;transition:all .1s ease;visibility:hidden}.project-popup-wrap .white-bg.project-popup.reveal{opacity:1;transition:all .1s ease-out;visibility:visible}.project-popup-wrap .white-bg.project-popup .content-wrap .centraliser{margin:0;max-width:800px}.project-popup-wrap .white-bg.project-popup .content-wrap .centraliser hr{margin:0 auto 1rem}.project-popup-wrap .white-bg.project-popup .content-wrap .another-wrap .project-popup-component{padding-bottom:6rem}.project-popup-wrap .white-bg.project-popup .cross{background:#fff;border:none;border-radius:0 0 0 2px;cursor:pointer;display:block;opacity:0;padding:.5rem;position:fixed;right:0;top:0;width:2.25rem;z-index:4}.project-popup-wrap .white-bg.project-popup .cross.fade-in{opacity:1;transition:opacity .2s ease-out .2s}@media only screen and (min-width:601px){.project-popup-wrap .white-bg.project-popup .cross{padding:.75rem;width:3rem}}@media only screen and (min-width:1024px){.project-popup-wrap .white-bg.project-popup .content-wrap{padding:8rem 0}.project-popup-wrap .white-bg.project-popup .content-wrap .another-wrap{align-items:center;display:flex;flex-direction:column;margin:auto;width:80%}.project-popup-wrap .white-bg.project-popup .content-wrap .another-wrap .centraliser{width:100%}.project-popup-wrap .white-bg.project-popup .content-wrap .another-wrap .centraliser hr{margin:0 auto 1.5rem}.project-popup-wrap .white-bg.project-popup .content-wrap .another-wrap .project-popup-component{align-items:center;display:flex;flex-direction:column;padding-bottom:8rem}.project-popup-wrap .white-bg.project-popup .cross{right:calc(3vh + 2rem);top:2rem}}@media only screen and (min-width:1200px){.project-popup-wrap{width:100%}.project-popup-wrap .white-bg.project-popup .content-wrap .another-wrap{margin:auto;width:80%}}@media only screen and (min-width:1440px){.project-popup-wrap .white-bg.project-popup .content-wrap .another-wrap{margin:auto;max-width:1080px;width:100%}.project-popup-wrap .white-bg.project-popup .cross{right:calc(8vh + 1.5rem);top:1rem}}@media only screen and (min-width:1920px){.project-popup-wrap .white-bg.project-popup .content-wrap{margin:0 auto;padding:10rem 0;width:80%}.project-popup-wrap .white-bg.project-popup .content-wrap .centraliser{margin:0;max-width:800px}.project-popup-wrap .white-bg.project-popup .content-wrap .another-wrap .project-popup-component{padding-bottom:10rem}.project-popup-wrap .white-bg.project-popup .cross{right:calc(8vh + 2rem);top:2rem}}@media only screen and (min-width:2400px){.project-popup-wrap .white-bg.project-popup .content-wrap .another-wrap .centraliser hr{margin:0 auto 2rem}}.work-sample-section{margin:3rem auto;width:100%}.work-sample-section,.work-sample-section figure{align-items:center;display:flex;flex-direction:column}.work-sample-section .caption,.work-sample-section figcaption{color:rgba(0,0,0,.4);font-size:.875rem;font-weight:400;margin-top:.75em;text-align:center}.work-sample-section a{position:relative;top:1.5rem}.work-sample-section .apple-window-wrap{border:1px solid #d2d2d2;border-radius:7px 7px 0 7px;box-shadow:0 14px 15px -10px rgba(0,0,0,.15);opacity:1;position:relative;width:100%;z-index:2}.work-sample-section .apple-window-wrap .apple-navbar{background:linear-gradient(180deg,#f5f5f5,#dcdcdc);border-bottom:1px solid #d2d2d2;border-radius:7px 7px 0 0;display:flex;padding:10px 15px}.work-sample-section .apple-window-wrap .apple-navbar .circle{border-radius:50%;height:10px;margin-right:6px;width:10px}.work-sample-section .apple-window-wrap .apple-navbar .circle:first-child{background-color:#c83200}.work-sample-section .apple-window-wrap .apple-navbar .circle:nth-child(2){background-color:#f0e100}.work-sample-section .apple-window-wrap .apple-navbar .circle:nth-child(3){background-color:#5ac800}.work-sample-section .apple-window-wrap .screen{background-color:#eee;border-radius:0 0 0 7px;height:80vh;overflow-y:hidden;scrollbar-color:#bbb #ddd;scrollbar-width:thin}.work-sample-section .apple-window-wrap .screen .scroll-me-overlay,.work-sample-section .apple-window-wrap .screen .scroll-overlay{align-items:center;border:1px solid rgba(0,0,0,.5);border-radius:7px 7px 0 7px;bottom:0;color:#fff;display:flex;justify-content:center;left:0;position:absolute;right:0;top:0;z-index:2}.work-sample-section .apple-window-wrap .screen .scroll-me-overlay>div,.work-sample-section .apple-window-wrap .screen .scroll-overlay>div{align-items:center;background:rgba(0,0,0,.7);display:flex;flex-direction:column;padding:4rem 0;width:100%}.work-sample-section .apple-window-wrap .screen .scroll-me-overlay>div span,.work-sample-section .apple-window-wrap .screen .scroll-overlay>div span{font-size:1.25rem;font-weight:600}.work-sample-section .apple-window-wrap .screen .scroll-me-overlay>div .arrow,.work-sample-section .apple-window-wrap .screen .scroll-overlay>div .arrow{-webkit-animation-delay:2s;animation-delay:2s;-webkit-animation-direction:normal;animation-direction:normal;-webkit-animation-duration:1.5s;animation-duration:1.5s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-name:point-down;animation-name:point-down;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;margin-top:1rem;position:relative;top:0;-webkit-transform:rotate(180deg);transform:rotate(180deg);width:50px}@-webkit-keyframes point-down{0%{top:0}35%{top:10px}70%{top:0}to{top:0}}@keyframes point-down{0%{top:0}35%{top:10px}70%{top:0}to{top:0}}.work-sample-section .apple-window-wrap .screen .scroll-me-overlay{display:none}.work-sample-section .apple-window-wrap .screen.scroll-active{overflow-y:scroll}.work-sample-section .apple-window-wrap .screen.scroll-active .scroll-overlay{display:none}.work-sample-section .apple-window-wrap .screen picture img{border-radius:0 0 0 7px;width:100%}.work-sample-section .static-apple-window{align-items:center;display:flex;flex-direction:column;margin:0}.work-sample-section .static-apple-window .apple-window-wrap{border-radius:7px;margin:0}.work-sample-section .static-apple-window .apple-window-wrap .screen{border-radius:0 0 7px 7px;height:auto}.work-sample-section .static-apple-window .apple-window-wrap .screen .scroll-overlay,.work-sample-section .static-apple-window .window-link-wrap{display:none}.work-sample-section .video-tablet{width:100%}.work-sample-section .video-tablet .youtube-embed{height:50vw;width:100%}@media only screen and (min-width:1024px){.work-sample-section{margin:3.5rem auto}.work-sample-section a{top:2rem}.work-sample-section .apple-window-wrap .screen{overflow-y:scroll}.work-sample-section .apple-window-wrap .screen .scroll-overlay{display:none}.work-sample-section .apple-window-wrap .screen .scroll-me-overlay{border-radius:0;display:block;height:12rem;margin:auto auto 0;opacity:1;overflow:hidden;transition:all .3s ease}.work-sample-section .apple-window-wrap .screen:hover .scroll-me-overlay{opacity:0;transition:all .1s ease;visibility:hidden}.work-sample-section .static-apple-window .apple-window-wrap .screen .scroll-me-overlay{display:none}.work-sample-section .video-tablet{background:#f5f5f5;border:2px solid #d2d2d2;border-radius:17px;box-shadow:0 12px 10px -6px rgba(80,80,83,.1);padding:1.5rem;width:100%}.work-sample-section .video-tablet .youtube-embed{height:420px}.work-sample-section .static-apple-window{position:relative}.work-sample-section .static-apple-window .window-link-wrap{align-items:center;background-color:rgba(0,0,0,.7);border-radius:7px;bottom:0;color:#fff;display:block;display:flex;font-size:1.25rem;justify-content:center;left:0;opacity:1;opacity:0;position:absolute;right:0;top:0;z-index:2}.work-sample-section .static-apple-window .window-link-wrap:hover{opacity:1}}@media only screen and (min-width:1440px){.work-sample-section{margin:4rem auto}.work-sample-section .caption,.work-sample-section figcaption{margin-top:1em}.work-sample-section .apple-window-wrap .screen{height:675px}.work-sample-section .video-tablet .youtube-embed{height:580px}}@media only screen and (min-width:1920px){.work-sample-section{margin:6rem auto}}.fade-in{opacity:1;transition:opacity .5s ease .6s}.fade-out{opacity:0;transition:opacity .3s ease}.handlepage-test p,.handlepage-test2 p{background-color:#3d3d3d;color:#fff;font-size:2rem;padding:1rem 2rem;position:absolute;top:0;z-index:2}.handlepage-test2 p{left:200px}
/*# sourceMappingURL=main.d2fe6ae7.css.map*/