html,
body,
#root {
  min-height: 100%;
  font-family: "Source Sans Pro";
}

html {
  overflow-x: hidden;
  max-width: 100vw;
}

body {
  overflow-x: hidden;
  position: relative;
}

p {
  margin: 0;
}

/* -------------------------------------------------- animation loader  */
@keyframes animation-loader {
  0% {
    box-shadow: #2b2b2a 1em 0 0 0, #2b2b2a 2em 0 0 0, #2b2b2a 3em 0 0 0;
  }
  30% {
    box-shadow: #f3f0f0 1em 0 0 0, #2b2b2a 2em 0 0 0, #2b2b2a 3em 0 0 0;
  }
  60% {
    box-shadow: #f3f0f0 1em 0 0 0, #f3f0f0 2em 0 0 0, #2b2b2a 3em 0 0 0;
  }
  100% {
    box-shadow: #f3f0f0 1em 0 0 0, #f3f0f0 2em 0 0 0, #f3f0f0 3em 0 0 0;
  }
}
.animation-loader {
  animation: animation-loader 1000ms infinite linear;
  border-radius: 0.35em;
  display: inline-block;
  font-size: 15px;
  width: 0.6em;
  height: 0.6em;
  overflow: hidden;
  text-indent: 100%;
  margin: 0 0 0px 0em;
}