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

@layer base {
  body {
    position: relative;
  }

  body::before {
    content: '';
    position: fixed;
    inset: 0;
    background-image: url('/background.svg');
    background-size: 40%;
    background-repeat: repeat;
    background-position: center;
    opacity: 0.10;
    z-index: -1;
  }

  ruby rt {
    font-style: normal;
  }
}

.dark body {
  background-color: #111827;
}
.dark body::before {
  filter: invert(1);
  opacity: 0.12;
}