body,html{max-width:100%;overflow-x:hidden}body{font-family:Staatliches,cursive}h1,h2,h3,h4{font-family:Cairo,sans-serif;font-weight:700}header,section{padding:100px 0}hr.divider{border-color:#191923}hr.divider,hr.divider-light{max-width:3.25em;border-width:.2rem}hr.divider-light{border-color:#fbfef9}.bg-sea{background-color:#3a94c0}.btn{padding:10px 20px;border-radius:100px;-webkit-box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24);box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24);-webkit-transition:all .3s cubic-bezier(.25,.8,.25,1);transition:all .3s cubic-bezier(.25,.8,.25,1)}.btn-sea{background-color:#3a94c0}.btn-sea:hover{background-color:#3485ac;color:#fbfef9;-webkit-box-shadow:0 3px 6px rgba(0,0,0,.16),0 3px 6px rgba(0,0,0,.23);box-shadow:0 3px 6px rgba(0,0,0,.16),0 3px 6px rgba(0,0,0,.23)}.shade{background-color:#f2f2f2}#app{font-family:Avenir,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-align:center;color:#2c3e50}footer img{height:100px}.logo{height:50px}nav{-webkit-box-shadow:0 3px 6px rgba(0,0,0,.16),0 3px 6px rgba(0,0,0,.23);box-shadow:0 3px 6px rgba(0,0,0,.16),0 3px 6px rgba(0,0,0,.23)}nav:before{background:1px solid linear-gradient(45deg,#dc2d88 -10%,#6a3c83 50%,#3a94c0)}.hero{background:-webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,.8)),to(rgba(0,0,0,.8))),url(../img/hero.c3e29e00.jpg);background-size:cover;-webkit-background-size:cover;background-position-y:center;background-repeat:no-repeat;color:#fbfef9;padding:300px 0}@media (max-width:768px){.hero{padding:200px 0 100px}}.hero a{background-image:linear-gradient(45deg,#dc2d88 -10%,#6a3c83 50%,#3a94c0);border:none;color:#fbfef9;text-decoration:none;cursor:pointer}.contact{background:linear-gradient(45deg,#dc2d88 -10%,#6a3c83 50%,#3a94c0);color:#fbfef9}.contact a{color:#fbfef9;text-decoration:none}#mainNav{background-color:#fff}#platforms img,#process img{height:150px;margin-bottom:10px}@-webkit-keyframes animatedAppBorder{0%{padding:0}to{padding:4px}}@keyframes animatedAppBorder{0%{padding:0}to{padding:4px}}#portfolio .singleApp{cursor:pointer}#portfolio .singleApp:hover img{background-image:linear-gradient(45deg,#dc2d88 -10%,#6a3c83 50%,#3a94c0)!important;padding:4px;-webkit-animation:animatedAppBorder .3s ease-in-out both;animation:animatedAppBorder .3s ease-in-out both}#portfolio img{margin-top:5px;width:160px;height:160px;border-radius:32px;-webkit-box-shadow:0 3px 6px rgba(0,0,0,.24),0 3px 6px rgba(0,0,0,.27);box-shadow:0 3px 6px rgba(0,0,0,.24),0 3px 6px rgba(0,0,0,.27)}#portfolio .singleApp:hover h4{-webkit-animation:tracking-in-expand .3s linear alternate forwards;animation:tracking-in-expand .3s linear alternate forwards;display:block}#portfolio h4{font-weight:400;opacity:0;display:none}.heartbeat-icon:hover{-webkit-animation:heartbeat 1.5s ease-in-out both;animation:heartbeat 1.5s ease-in-out both}@-webkit-keyframes heartbeat{0%{-webkit-transform:scale(1);transform:scale(1);-webkit-transform-origin:center center;transform-origin:center center;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}10%{-webkit-transform:scale(.91);transform:scale(.91);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}32%{-webkit-transform:scale(1);transform:scale(1);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}}@keyframes heartbeat{0%{-webkit-transform:scale(1);transform:scale(1);-webkit-transform-origin:center center;transform-origin:center center;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}10%{-webkit-transform:scale(.91);transform:scale(.91);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}32%{-webkit-transform:scale(1);transform:scale(1);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}}@-webkit-keyframes tracking-in-expand{0%{letter-spacing:-.5em;opacity:0}40%{opacity:.6}to{opacity:1}}@keyframes tracking-in-expand{0%{letter-spacing:-.5em;opacity:0}40%{opacity:.6}to{opacity:1}}.singleApp a{color:#000}.singleApp a:hover{color:#5e5e5e}