f71
.hero{margin:auto;width:100%;height:630px;background-image:url("/images/home/gradient.png");background-size:cover}.hero .devices{padding:50px 20px 0;max-width:1000px;margin:auto;text-align:center}.hero .devices img{display:inline-block;vertical-align:middle;position:relative}.hero .devices img.outer2,.hero .devices img.outer1{width:180px}.hero .devices img.outer1{z-index:2}.hero .devices img.outer2{z-index:1}.hero .devices img.left.outer1{-webkit-animation:shortAppearFromRight 1s forwards ease-in-out;animation:shortAppearFromRight 1s forwards ease-in-out}.hero .devices img.left.outer2{-webkit-animation:longAppearFromRight 1s forwards ease-in-out;animation:longAppearFromRight 1s forwards ease-in-out}.hero .devices img.right.outer1{-webkit-animation:shortAppearFromLeft 1s forwards ease-in-out;animation:shortAppearFromLeft 1s forwards ease-in-out}.hero .devices img.right.outer2{-webkit-animation:longAppearFromLeft 1s forwards ease-in-out;animation:longAppearFromLeft 1s forwards ease-in-out}.hero .devices img.center{width:250px;z-index:3}.hero .appstore-button{margin-top:45px;display:-ms-grid;display:grid;text-align:center;opacity:0;-webkit-animation:appearFromAbove 0.75s 1s forwards ease-in-out;animation:appearFromAbove 0.75s 1s forwards ease-in-out}.hero .appstore-button a{display:-ms-inline-grid;display:inline-grid;margin:auto}.hero .appstore-button img{width:280px;border-radius:18px;-webkit-box-shadow:0 20px 40px rgba(0,0,0,0.25);box-shadow:0 20px 40px rgba(0,0,0,0.25)}@-webkit-keyframes appearFromAbove{0%{opacity:0;-webkit-transform:translateY(-100px);transform:translateY(-100px)}100%{opacity:1;-webkit-transform:translateY(0px);transform:translateY(0px)}}@keyframes appearFromAbove{0%{opacity:0;-webkit-transform:translateY(-100px);transform:translateY(-100px)}100%{opacity:1;-webkit-transform:translateY(0px);transform:translateY(0px)}}@-webkit-keyframes shortAppearFromLeft{0%{-webkit-transform:translateX(-200px);transform:translateX(-200px)}100%{-webkit-transform:translateX(0px);transform:translateX(0px)}}@keyframes shortAppearFromLeft{0%{-webkit-transform:translateX(-200px);transform:translateX(-200px)}100%{-webkit-transform:translateX(0px);transform:translateX(0px)}}@-webkit-keyframes longAppearFromLeft{0%{-webkit-transform:translateX(-400px);transform:translateX(-400px)}100%{-webkit-transform:translateX(0px);transform:translateX(0px)}}@keyframes longAppearFromLeft{0%{-webkit-transform:translateX(-400px);transform:translateX(-400px)}100%{-webkit-transform:translateX(0px);transform:translateX(0px)}}@-webkit-keyframes shortAppearFromRight{0%{-webkit-transform:translateX(200px);transform:translateX(200px)}100%{-webkit-transform:translateX(0px);transform:translateX(0px)}}@keyframes shortAppearFromRight{0%{-webkit-transform:translateX(200px);transform:translateX(200px)}100%{-webkit-transform:translateX(0px);transform:translateX(0px)}}@-webkit-keyframes longAppearFromRight{0%{-webkit-transform:translateX(400px);transform:translateX(400px)}100%{-webkit-transform:translateX(0px);transform:translateX(0px)}}@keyframes longAppearFromRight{0%{-webkit-transform:translateX(400px);transform:translateX(400px)}100%{-webkit-transform:translateX(0px);transform:translateX(0px)}}@media screen and (max-width: 1036px){.hero .devices img.outer2{display:none}}@media screen and (max-width: 670px){.hero{height:480px}.hero .devices img.outer1{width:125px}.hero .devices img.center{width:175px}@-webkit-keyframes shortAppearFromLeft{0%{-webkit-transform:translateX(-150px);transform:translateX(-150px)}100%{-webkit-transform:translateX(0px);transform:translateX(0px)}}@keyframes shortAppearFromLeft{0%{-webkit-transform:translateX(-150px);transform:translateX(-150px)}100%{-webkit-transform:translateX(0px);transform:translateX(0px)}}@-webkit-keyframes shortAppearFromRight{0%{-webkit-transform:translateX(150px);transform:translateX(150px)}100%{-webkit-transform:translateX(0px);transform:translateX(0px)}}@keyframes s
542
hortAppearFromRight{0%{-webkit-transform:translateX(150px);transform:translateX(150px)}100%{-webkit-transform:translateX(0px);transform:translateX(0px)}}}@media screen and (max-width: 480px){.hero{height:430px}.hero .devices img.outer1{width:100px}.hero .devices img.center{width:150px}@-webkit-keyframes shortAppearFromLeft{0%{-webkit-transform:translateX(-125px);transform:translateX(-125px)}100%{-webkit-transform:translateX(0px);transform:translateX(0px)}}@keyframes shortAppearFromLeft{0%{-webkit-transform:translateX(-125px);transform:translateX(-125px)}100%{-webkit-transform:translateX(0px);transform:translateX(0px)}}@-webkit-keyframes shortAppearFromRight{0%{-webkit-transform:translateX(125px);transform:translateX(125px)}100%{-webkit-transform:translateX(0px);transform:translateX(0px)}}@keyframes shortAppearFromRight{0%{-webkit-transform:translateX(125px);transform:translateX(125px)}100%{-webkit-transform:translateX(0px);transform:translateX(0px)}}}@media screen and (max-width: 400px){.hero{height:410px}.hero .devices img.outer1{width:90px}.hero .devices img.center{width:140px}}@media screen and (max-width: 365px){.hero{height:490px}.hero .devices img.outer1{display:none}.hero .devices img.center{width:180px}.hero .appstore-button{margin-top:47px}.hero .appstore-button img{width:250px}}
/*# sourceMappingURL=hero.css.map */
0