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

body {
  font-family: "Poppins", sans-serif;
  background-image: url(/assets/images/bg2.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  text-shadow: 0px 0px 14px rgba(255,255,255,0.6);
}

.text-shadow-white {
  text-shadow: 0px 0px 14px rgba(0,0,0,0.6);
}

.loader {
  border: 10px solid #f3f3f3;
  border-top: 10px solid black;
  border-radius: 50%;
  width: 100px;
  height: 100px;
  animation: spin 1s linear infinite;
  margin: 40px auto;
}

@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}