*{font-family:Fira Sans,sans-serif;padding:0;margin:0;box-sizing:border-box}.cardIcon{width:54px;height:54px;border-radius:50%;color:#fff;font-size:2rem;background-color:#53a0b7;display:flex;align-items:center;justify-content:center}.appsCard{position:relative;width:100%;height:280px;background-color:#53a0b7;border-radius:2rem;box-shadow:#000a 0 5px 15px}.appsCard img{object-fit:cover;width:100%;height:100%;position:absolute;border-radius:2rem}.overlayCard{width:100%;height:100%;background:linear-gradient(180deg,rgb(0 0 0 / 100%) 34%,rgb(0 0 0) 49%,rgb(0 0 0) 100%);position:absolute;opacity:.5;border-radius:2rem}.cardContent{font-family:"DM Serif Display",serif}/*!
 * React Transitions - http://joerezendes.com/projects/react-transitions
 * Version - 1.0
 * Licensed under the MIT license - http://opensource.org/licenses/MIT
 *
 * Github - https://github.com/joerez/react-transitions
 *
 * Copyright (c) 2018 Joe Rezendes
 */.transition-container{perspective:800px}.react-transition{animation-fill-mode:both}@keyframes swipeUp{0%{transform:translate3d(0,100vh,0);opacity:0}to{transform:translateZ(0);opacity:1}}.swipe-up{animation-timing-function:linear;transform-origin:bottom center;animation-name:swipeUp;animation-duration:.9s}@keyframes swipeLeft{0%{transform:translate3d(-1000px,0,0);opacity:0}to{transform:translateZ(0);opacity:1}}.swipe-{animation-timing-function:ease-in-out;transform-origin:bottom center;animation-name:swipeLeft;animation-duration:1.3s}@keyframes swipeRight{0%{transform:translate3d(1000px,0,0);opacity:0}to{transform:translateZ(0);opacity:1}}.swipe-right{animation-timing-function:ease-in-out;transform-origin:bottom center;animation-name:swipeRight;animation-duration:1.5s}@keyframes swipeDown{0%{transform:translate3d(0,-100vh,0);opacity:0}to{transform:translateZ(0);opacity:1}}.swipe-down{animation-timing-function:ease-in-out;transform-origin:bottom center;animation-name:swipeDown;animation-duration:1.7s}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.fade-in-one{animation-timing-function:ease-in-out;transform-origin:bottom center;animation-name:fadeIn;animation-duration:.5s}.fade-in-two{animation-timing-function:ease-in-out;transform-origin:bottom center;animation-name:fadeIn;animation-duration:1s}.fade-in-three{animation-timing-function:ease-in-out;transform-origin:bottom center;animation-name:fadeIn;animation-duration:1.5s}.fade-in-four{animation-timing-function:ease-in-out;transform-origin:bottom center;animation-name:fadeIn;animation-duration:2s}@keyframes scaleIn{0%{transform:translateY(-500px) scale(.01)}to{transform:scale(1)}}.scale-in{animation-timing-function:ease-in-out;transform-origin:bottom center;animation-name:scaleIn;animation-duration:.25s}@keyframes scaleInRight{0%{transform:translateY(-500px) translate(500px) scale(.01)}to{transform:scale(1)}}.scale-in-right{animation-timing-function:ease-in-out;transform-origin:bottom center;animation-name:scaleInRight;animation-duration:1s}@keyframes scaleInLeft{0%{transform:translateY(-500px) translate(-500px) scale(.01)}to{transform:scale(1)}}.scale-in-left{animation-timing-function:ease-in-out;transform-origin:bottom center;animation-name:scaleInLeft;animation-duration:.25s}@keyframes dropIn{0%{transform:scale(4) translateY(400px)}to{transform:scale(1)}}.drop-in{animation-timing-function:ease-in-out;transform-origin:bottom center;animation-name:dropIn;animation-duration:.25s}@keyframes dropInRight{0%{transform:scale(4) translateY(400px) translate(400px)}to{transform:scale(1)}}.drop-in-right{animation-timing-function:ease-in-out;transform-origin:bottom center;animation-name:dropInRight;animation-duration:.25s}@keyframes dropInLeft{0%{transform:scale(4) translateY(400px) translate(-400px)}to{transform:scale(1)}}.drop-in-left{animation-timing-function:ease-in-out;transform-origin:bottom center;animation-name:dropInLeft;animation-duration:.25s}@keyframes flipInX{0%{transform:rotateX(90deg)}70%{transform:rotateX(-10deg)}to{transform:rotateX(0)}}.flip-in-x{animation-timing-function:linear;animation-name:flipInX;transform-style:preserve-3d;animation-duration:.3s}@keyframes flipInXReverse{0%{transform:rotateX(-90deg)}70%{transform:rotateX(10deg)}to{transform:rotateX(0)}}.flip-in-x-reverse{animation-timing-function:linear;animation-name:flipInXReverse;transform-style:preserve-3d;animation-duration:.3s}@keyframes flipInY{0%{transform:rotateY(90deg)}70%{transform:rotateY(-10deg)}to{transform:rotateY(0)}}.flip-in-y{animation-timing-function:linear;animation-name:flipInY;animation-duration:.3s;transform-style:preserve-3d}@keyframes flipInYReverse{0%{transform:rotateY(-90deg)}70%{transform:rotateY(10deg)}to{transform:rotateY(0)}}.flip-in-y-reverse{animation-timing-function:linear;animation-name:flipInYReverse;animation-duration:.3s;transform-style:preserve-3d}@keyframes rotateIn{0%{transform:scale(.1) rotate(180deg)}to{transform:rotate(0)}}.rotate-in{animation-timing-function:ease-in-out;animation-name:rotateIn;animation-duration:.3s;transform-style:preserve-3d}@keyframes rotateInReverse{0%{transform:scale(.1) rotate(-180deg)}to{transform:rotate(0)}}.rotate-in-reverse{animation-timing-function:ease-in-out;animation-name:rotateInReverse;animation-duration:.3s;transform-style:preserve-3d}@keyframes woah{0%{transform:scale(.001) translate(200px)}25%{transform:scale(.25) rotateY(180deg) translate(100px) translateY(100px)}50%{transform:scale(.5) rotateY(0) rotateX(180deg) translate(-100px) translateY(600px)}}.woah{animation-timing-function:linear;animation-name:woah;animation-duration:1s;transform-style:preserve-3d}