.preloader{
    background-color: #2A1766;
    position: fixed;
    display: flex;
    justify-content: center;
    align-items: center;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    z-index: 10000;
    transition: opacity 1s ease;
    
}
.circle {
    width: 200px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .circle img {
    width: 200px;
  }
.bounce {
    animation: bounce 0.7s ease-out infinite;
  }
  @keyframes bounce {
      0%, 20%, 50%, 80%, 100% {transform: translateY(0);}
      40% {transform: translateY(-30px);}
      60% {transform: translateY(-15px);}
  } 
  /*.scaling {
    animation: scaling 1s ease-in-out infinite;
  }
  @keyframes scaling {
      0% {transform: scale(1);}
      50% {transform: scale(1.2);}
      100% {transform: scale(1);}
  }*/