@import url('https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@300..700&display=swap');
@import "tailwindcss";

* {
  box-sizing: border-box;
}

html {
  scroll-behavior: smooth;
}

body {
  min-height: 100vh;
  font-family: "Space Grotesk", sans-serif;
}

.polka{
  background-image: radial-gradient(#0c0a09 20%, #292524 22%);
  background-size: 80px 80px;
  animation-name: background_keyframes;
  animation-duration: 8s;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
}

@keyframes background_keyframes {
  0%{
    background-position: 0px 0px;
  }
  100%{
    background-position: 160px 80px;
  }
}