@import url("https://fonts.googleapis.com/css2?family=Inter:wght@300;400;600;700;800&display=swap");

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

html {
  scroll-behavior: smooth;
}

body {
  margin: 0;
  min-height: 100vh;
  background-color: #ffffff;
}

* {
  box-sizing: border-box;
}

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

.float-slow {
  animation: float 10s ease-in-out infinite;
}

.float-medium {
  animation: float 7s ease-in-out infinite;
}

.float-fast {
  animation: float 5s ease-in-out infinite;
}
