@import url(common.css);
/* Variables */
/* Splash.CSS */
.splash { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 375px; height: 812px; background: -webkit-gradient(linear, left top, left bottom, from(#34C759), to(#2D9CDB)); background: linear-gradient(#34C759 0%, #2D9CDB 100%); }

.splash .header { color: #fff; }

.splash__logo h1 { position: relative; margin-bottom: 5px; -webkit-animation: bounce 3s infinite cubic-bezier(0.175, 0.885, 0.32, 1.275); animation: bounce 3s infinite cubic-bezier(0.175, 0.885, 0.32, 1.275); }

.splash__logo h1::after { display: none; content: ''; position: absolute; width: 50px; height: 50px; top: calc(50% - 50%); left: 0; z-index: -1; }

.splash__logo .splash__txt { color: #fff; font-weight: 400; }

.splash__load { position: absolute; bottom: 60px; color: #fff; font-weight: 400; }

@-webkit-keyframes splash { 0% { -webkit-transform: scale(0.9); transform: scale(0.9);
    opacity: 0.25; }
  20% { opacity: 1; }
  75%, 100% { -webkit-transform: scale(1.1); transform: scale(1.1);
    opacity: 0; } }

@keyframes splash { 0% { -webkit-transform: scale(0.9); transform: scale(0.9);
    opacity: 0.25; }
  20% { opacity: 1; }
  75%, 100% { -webkit-transform: scale(1.1); transform: scale(1.1);
    opacity: 0; } }

@-webkit-keyframes bounce { 0% { -webkit-transform: scale(1); transform: scale(1); }
  30% { -webkit-transform: scale(1.1); transform: scale(1.1); }
  40% { -webkit-transform: scale(0.9); transform: scale(0.9); } }

@keyframes bounce { 0% { -webkit-transform: scale(1); transform: scale(1); }
  30% { -webkit-transform: scale(1.1); transform: scale(1.1); }
  40% { -webkit-transform: scale(0.9); transform: scale(0.9); } }