@import url('https://fonts.googleapis.com/css2?family=Lato:wght@400;700;900&display=swap');
:root {
  --font-family: "Lato", sans-serif;
  --brand-logo: url("https://thumbs.paysite.com/assets/logo_1762796661730.png");
  --color-base-100: #2c2f36;
  --color-base-200: #1f2126;
  --color-base-300: #141517;
  --color-base-content: #f0f0f0;
  --color-primary: #b8bcc5;
  --color-primary-content: #1a1c20;
  --color-secondary: #e01b2f;
  --color-secondary-content: #1a1c20;
  --color-accent: #f5daa9;
  --color-accent-content: #1a1c20;
  --radius-selector: 0.5rem;
  --radius-field: 0.5rem;
  --radius-box: 0.8rem;
  --size-selector: 4px;
  --size-field: 4px;
  --size-grid-item-margin: 10px;
  --border-border: 1px;
  --depth-depth: 1;
  --noise-noise: 0;
}


:root {
}
@media (min-width: 375px) {
  :root {
    --items-content-per-row: 1;
  }
}
@media (min-width: 768px) {
  :root {
    --items-content-per-row: 2;
  }
}
@media (min-width: 1024px) {
  :root {
    --items-content-per-row: 3;
  }
}
@media (min-width: 1440px) {
  :root {
    --items-content-per-row: 3;
  }
}