/* Theme-based colors */
:root {
  --bg-color-light: #f1f2f2;
  --text-color-light: #000000;
  --bg-color-dark: #242424;
  --text-color-dark: #f1f2f2;
}

/* Remove scrollbars and reset layout */
html,
body {
  margin: 0;
  padding: 0;
  height: 100%;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: background-color 0.3s, color 0.3s;
}

body.light {
  background-color: var(--bg-color-light);
  color: var(--text-color-light);
}

body.dark {
  background-color: var(--bg-color-dark);
  color: var(--text-color-dark);
}

.logo img {
  max-width: 340px;
  height: auto;
}

@media (max-width: 768px) {
  .logo img {
    max-width: 200px;
  }
}