* {
  box-sizing: border-box;
}

html {
  overflow-x: hidden;
  overflow-y: scroll;
  margin: 0;
  padding: 0;
}

body {
  background-color: #F2F5F7;
  margin: 0;
  padding: 0;
}

body.loading {
  background: #399F4F;
}

.no-pull-refresh {
  overscroll-behavior-y: none;
}

@keyframes app-logo-heartbeat {
  from {
    transform: scale(1);
  }
  to {
    transform: scale(1.1);
  }
}

@keyframes app-logo-shadow-heartbeat {
  from {
    opacity: 0;
    transform: scale(1);
  }
  to {
    opacity: 1;
    transform: scale(1.1);
  }
}

.splash-screen {
  width: 100vw;
  height: 100vh;
  display: flex;
  flex-flow: row nowrap;
  justify-content: center;
  align-items: center;

  background-color: #5AAA4E;
}

.splash-screen__logo-wrapper {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 96px;
  height: 96px;
  
  border-radius: 96px;
  background-color: white;
  box-shadow: 0 4px 16px 0 rgba(0, 0, 0, 0.15);
  overflow: hidden;

  will-change: transform;
  animation: app-logo-heartbeat infinite alternate 0.5s ease-in-out;
}

.splash-screen__logo {
  display: block;
  object-fit: contain;
  object-position: center;
  width: 80px;
  height: 80px;
}

@keyframes anim-shimmering {
  0% {
    background-position: 0% 0%;
  }
  100% {
    background-position: 100% 0%;
  }
}