#root {
  width: 100%;
  height: 100%;
}

body {
  height: 100vh;
  margin: 0;
}

@-webkit-keyframes rotating
/* Safari and Chrome

thx stackoverflow for this totally copy pasted rotation code
*/ {
  from {
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@keyframes rotating {
  from {
    -ms-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -ms-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

#loader {
  text-align: center;
  justify-content: center;
  flex: 1;
  vertical-align: middle;
  display: flex;
  align-items: center;
  flex-direction: row;
  background-image: linear-gradient(#262992, #181959);
  height: 100vh;
  width: 100vw;
}

#loaderImg {
  height: 30%;
  width: 30%;
  -webkit-animation: rotating 1s ease-in-out infinite;
  -moz-animation: rotating 1s ease-in-out infinite;
  -ms-animation: rotating 1s ease-in-out infinite;
  -o-animation: rotating 1s ease-in-out infinite;
  animation: rotating 1s ease-in-out infinite;
}