:root {
      --primary : #EF5AB3;
      --secondary: #E9B440;
      --accent: #FFC0E6;
    }

  body {
    font-family: "Inter", sans-serif;
    
  }

  .primary-text {
    color: var(--primary);
  }

  .secondary-text {
    color: var(--secondary);
  }

  .heading-text {
    font-weight: bold;
    font-size: 3rem;
  }

  .heading-2-text {
    font-weight: bold;
    font-size: 2rem;
  }

  .my-pe-7 {
    padding-right: 20%;
    margin-top: 0;
  }

  .default-font-size {
    font-size: 20px;
  }

  .vertical-bounce {
    animation: verticalbounce 2s linear infinite;
  }

  .spinner-3d {
    animation: spin3d 3s linear infinite;
  }

  .inifite-scroll-left {
    animation: scrollLeftIndifinitely 15s linear infinite;
    scroll-behavior: smooth;
  }

  .inifite-scroll-right {
    animation: scrollRightIndifinitely 15s linear infinite;
  }

  .text-shadow {
    text-shadow: 1px 1px 3px black;
  }

@keyframes scrollLeftIndifinitely {
  from {
    transform: translateX(-30%);
  }

  to {
    transform: translateX(-50%);
  }
}

@keyframes scrollRightIndifinitely {
  from {
    transform: translateX(-30%);
  }

  to {
    transform: translateX(0);
  }
}

@keyframes verticalbounce {
  0% {
    transform: translateY(0);
  }

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

@keyframes spin3d {
  from {
    transform: rotateY(0deg);
  }
  to {
    transform: rotateY(360deg);
  }
}