.loader-container {
   display: flex;
   flex-flow: column;
   justify-content: center;
   align-items: center;
   margin: 0;
   position: absolute;
   top: 50%;
   left: 50%;
   -ms-transform: translate(-50%, -50%);
   transform: translate(-50%, -50%);
   text-align: center;
 }

 .logo-animation {
   animation: float 1.5s ease-in-out infinite;
 }

 .logo {
   width: 150px;
   height: 150px;
 }

 .loading-text {
   margin-top: 20px;
   font-size: 20px;
   font-weight: bold;
   color: white;
 }

 @keyframes float {
   0%,
   100% {
     transform: translateY(0);
   }

   50% {
     transform: translateY(-50px);
   }
 }