.logo {
  /* margin: 0; */
  position: absolute;
  top: 50%;
  left: 50%;
  
  align-items: center;
  display: flex;
  /* margin-right: -50%; */
  align-content: center;
  animation: rotateText 5s;
  transform: translate(-50%, -50%);
  height: 250px; width: 250px;
  /* height: 100px; width: 250px; */
 
}
@keyframes rotateText{
  from{
    opacity: 0;
  }
  to{
    opacity: 1;
  }
}