@tailwind base;
@tailwind components;
@tailwind utilities;

@layer utilities {
  .main-gradient {
    background-image: linear-gradient(102deg, #EB7783 7.41%, #3D3FEA 98.3%);
  }
  .card-text-gradient {
    background-image: linear-gradient(98deg, #B4949D 0%, #DCC5D7 97.24%);
  }
  .gradient-wave-base {
    background-image: linear-gradient(90deg, #EB7783 7.41%, #3D3FEA 98.3%);
    background-size: cover;
  }
  .poppins {
    font-family: 'Poppins', sans-serif;
  }
  .robotoMono {
    font-family: 'Roboto Mono', monospace;
  }
}

.bgimages {
  background-image: url('/top.png'), url('/bottom.png');
  background-size: cover, cover;
  background-position: top, bottom;
  background-repeat: no-repeat, no-repeat;
}

.stop-scrolling {
  height: 100vh;
  max-height: 100vh;
  overflow: hidden;  
}