@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+Mono:wght@500;700;900&display=swap');

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

*, ::before, ::after { border-width: 0; }

html, body, main {
  @apply min-h-screen;
}
html {
  @apply bg-black-black-90;
}
body {
  @apply leading-[normal] m-0;
  @apply font-noto-sans-mono;
}


:root {
  --blackbalck-90: rgba(23, 23, 23, 1);
  --blackblack-100: rgba(0, 0, 0, 1);
  --blackblack-80: rgba(57, 57, 57, 1);
  --blackgray-70: rgba(142, 142, 142, 1);
  --blueblue: rgba(0, 71, 255, 1);
  --blueblue-bright: rgba(32, 121, 255, 1);
  --blueblue-dark: rgba(0, 33, 207, 1);
  --pinkpink-base: rgba(255, 43, 145, 1);
  --pinkpink-bright: rgba(255, 66, 168, 1);
  --pinkpink-dark: rgba(199, 0, 96, 1);
  --pinkpink-super-bright: rgba(255, 112, 189, 1);
  --redred-100: rgba(255, 13, 71, 1);
  --toxictoxic-green-100: rgba(222, 255, 50, 1);
  --toxictoxic-green-dark: rgba(152, 181, 0, 1);
  --toxictoxoc-green-bright: rgba(189, 255, 0, 1);
  --whitewhite-100: rgba(255, 255, 255, 1);
  --whitewhite-80: rgba(183, 183, 183, 1);
  --whitewhite-90: rgba(243, 243, 243, 1);

  --swiper-pagination-bottom: 1.5rem;
}