.central-logo{
    position: absolute;
    top: 210px;
    left: 342px;
}
.central-logo2{
    position: absolute;
    top: 53%;
    left: 50%;
    -webkit-transform: translate(-49%, -49%);
}
.login{
    position: absolute;
    bottom: 0px;
    width: 100%;
}
.login p{
    text-align: center;
    font-size: 50px;
}
@-webkit-keyframes rotating /* Safari and Chrome */ {
    0% {
      -webkit-transform: rotate(0deg) scale(1);
      -o-transform: rotate(0deg) scale(1);
      transform: rotate(0deg) scale(1);
      
    }
    50% {
      -webkit-transform: rotate(45deg) scale(1.1);
      -o-transform: rotate(45deg) scale(1.1);
      transform: rotate(45deg) scale(1.1);
    }
    100% {
      -webkit-transform: rotate(0deg) scale(1);
      -o-transform: rotate(0deg) scale(1);
      transform: rotate(0deg) scale(1);
    }
  }
  @keyframes rotating {
    0% {
      -ms-transform: rotate(0deg) scale(1);
      -moz-transform: rotate(0deg) scale(1);
      -webkit-transform: rotate(0deg) scale(1);
      -o-transform: rotate(0deg) scale(1);
      transform: rotate(0deg) scale(1);
    }
    50% {
      -ms-transform: rotate(45deg) scale(1.1);
      -moz-transform: rotate(45deg) scale(1.1);
      -webkit-transform: rotate(45deg) scale(1.1);
      -o-transform: rotate(45deg) scale(1.1);
      transform: rotate(45deg) scale(1.1);
    }
    100% {
      -ms-transform: rotate(0deg) scale(1);
      -moz-transform: rotate(0deg) scale(1);
      -webkit-transform: rotate(0deg) scale(1);
      -o-transform: rotate(0deg) scale(1);
      transform: rotate(0deg) scale(1);
    }
  }
  .central-logo {
    -webkit-animation: rotating 10s linear infinite;
    -moz-animation: rotating 10s linear infinite;
    -ms-animation: rotating 10s linear infinite;
    -o-animation: rotating 10s linear infinite;
    animation: rotating 10s linear infinite;
  }