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

body {
  font-family: sans-serif;
}
@keyframes tapAnimation {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(0.95);
  }
  100% {
    transform: scale(1);
  }
}

.notcoin-pressed {
  animation: tapAnimation 0.2s ease-out;
}

@keyframes float {
  0% {
    opacity: 1;
    transform: translateY(0);
  }
  100% {
    opacity: 0;
    transform: translateY(-50px);
  }
}

.bg-gradient-main {
  background: url('./images/file-K0eijCKhX0pDOEHjPedRe694.jpeg') no-repeat center center;
  background-size: cover; /* This will make the image cover the entire background */
  margin: 12px;
  height: 100vh;
  width: 100vw; /* Changed to 100vw to cover the full width of the viewport */
  overflow: hidden; 
}


/* .bg-gradient-overlay {
  background: linear-gradient(180deg, rgb(6, 2, 2) 0%, rgba(0,0,0,1) 40%, rgba(0,212,255,0) 100%);
} */

/* .radial-gradient-overlay {
  position: absolute;
  width: 100%;
  height: 100%;
  background: radial-gradient(circle, rgba(250, 214, 92, 0.8) 0%, rgba(250, 214, 92, 0) 60%);
} */
