/* npm install tailwindcss @tailwindcss/cli */
/* @import "tailwindcss"; inside input.css */
/* npx @tailwindcss/cli -i ./assets/css/input.css -o ./assets/css/tailwind.css --watch */
/* <link href="./assets/css/tailwind.css" rel="stylesheet"> use this in file */

body {
  font-family: "Inter", sans-serif;
  background-color: #f1f5f9;
}

html {
  scroll-padding-top: 80px;
  scroll-behavior: smooth;
}

img {
  content-visibility: auto;
}

.reveal {
  opacity: 0;
  transform: translateY(25px);
  transition: all 0.7s ease;
}

.reveal.show {
  opacity: 1;
  transform: translateY(0);
}