#logo {
  width: 250px;
  max-width: 50%;
}

:root {
  color-scheme: dark;
  --color-body-background: var(--color-level1);
  --color-banner-background: black;
  --color-menu-background: black;
  --color-content-background: var(--color-level1);
  --color-footer-background: var(--color-level1);
  --color-menu-text: white;
  --color-content-text: black;
  --color-footer-text: black;
  --color-hamburger: white;
  --color-link: #c140a4;
  --color-input-background: white;
  --color-input-text: black;
  --swiper-theme-color: #e21110 !important;
  --color-level1: white;
  --color-level2: #d5d5d5;
  --color-level3: #bebebe;
  --color-level4: #9b9b9b;
  --border: 1px solid rgba(0, 0, 0, 0.3);
  --border-shadow: 1px 0px 20px 1px rgba(0, 0, 0, 0.15);
  --divider: 1px solid rgba(0, 0, 0, 0.2);
  --border-radius: 20px;
  --theme-color: #fba3e7;
}