.splash-screen{
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: #d53d43;
  display: flex;
  justify-content: center;
  align-items: center;

}
.splash-screen img {
  width: 200px;
  border-radius: 50px;
  box-shadow:  20px 20px 60px #b53439, -20px -20px 60px #f5464d;
}
.fade-in {
  animation: fadeIn ease 1s;
  -webkit-animation: fadeIn ease 1s;
  -moz-animation: fadeIn ease 1s;
  -o-animation: fadeIn ease 1s;
  -ms-animation: fadeIn ease 1s;
}
@keyframes fadeIn{
  0% {
    opacity:0;
    transform:scale(0);
  }
  100% {
    opacity:1;
    transform:scale(1);
  }
}

@-moz-keyframes fadeIn {
  0% {
    opacity:0;
    transform:scale(0);
  }
  100% {
    opacity:1;
    transform:scale(1);
  }
}

@-webkit-keyframes fadeIn {
  0% {
    opacity:0;
    transform:scale(1);
  }
  100% {
    opacity:1;
    transform:scale(1);
  }
}

@-o-keyframes fadeIn {
  0% {
    opacity:0;
    transform:scale(0);
  }
  100% {
    opacity:1;
    transform:scale(1);
  }
}

@-ms-keyframes fadeIn {
  0% {
    opacity:0;
    transform:scale(0);
  }
  100% {
    opacity:1;
    transform:scale(1);
  }
}