:root {
  --color-primary: rgb(31, 31, 31);
  --color-footer: rgb(31, 31, 31);
  --color-accent: #007bff;
  --color-accent-hover: #005abb;
  --color-hover: rgb(0, 47, 255);
  --color-fix-hover: rgb(0, 24, 131);
  --color-header: rgb(255, 214, 164);
  --color-mobile-transparent: rgba(255, 253, 231, 0.95);
  --color-hamburger: #333;
  --color-body: rgb(255, 225, 201);
  --color-main: rgb(255, 237, 212);
  --color-zastineni: rgba(255, 255, 255, 0.5);
  --color-odkazy: rgb(0, 60, 255);
  --color-h1: green;
  --color-h2: rgb(0, 86, 156);
  --color-mapa: #d8d8d8;
}
@media (prefers-color-scheme: dark) {
  :root {
    --color-primary: rgb(226, 215, 191);
    --color-body: rgb(35, 30, 25); 
    --color-main: rgb(45, 40, 35);
    --color-accent: #0059ff; 
    --color-accent-hover: #004cd8;
    --color-hover: rgb(0, 110, 255);
    --color-fix-hover: rgb(0, 81, 255);
    --color-header: rgb(58, 40, 20);
    --color-mobile-transparent: rgba(53, 40, 24, 0.95);
    --color-hamburger: var(--color-primary);
    --color-zastineni: rgba(40, 30, 20, 0.6);
    --color-odkazy: rgb(99, 136, 255);
    --color-h1: rgb(0, 201, 0);
    --color-h2: rgb(0, 140, 255);
    --color-mapa: #363636;
  }
  main {
      background-image: url('data:image/svg+xml,<svg width="200" height="200" xmlns="http://www.w3.org/2000/svg"><defs><pattern id="jidelnaVzor" patternUnits="userSpaceOnUse" width="200" height="200"><g stroke-width="1.5" stroke="rgb(94, 59, 20)" fill="none" stroke-linecap="round" stroke-linejoin="round"><g transform="translate(20 30) scale(0.9) rotate(-10)"><path d="M19 3v12h-5c-.023 -3.681 .184 -7.406 5 -12z" /><path d="M19 12v6h-1v-3" /><path d="M9 3v17" /><path d="M6 3v3a3 3 0 1 0 6 0v-3" /></g><g transform="translate(150 25) scale(0.8) rotate(15)"><path d="M12 3c1.918 0 3.52 1.35 3.91 3.151a4 4 0 0 1 2.09 7.723l0 7.126h-12v-7.126a4 4 0 1 1 2.092 -7.723a4 4 0 0 1 3.908 -3.151z" /><path d="M6.161 17.009l11.839 -.009" /></g><g transform="translate(90 80) scale(1.0) rotate(5)"><path d="M4 11h16a1 1 0 0 1 1 1v.5c0 1.5 -2.517 5.573 -4 6.5v1a1 1 0 0 1 -1 1h-8a1 1 0 0 1 -1 -1v-1c-1.687 -1.054 -4 -5 -4 -6.5v-.5a1 1 0 0 1 1 -1z" /><path d="M12 4a2.4 2.4 0 0 0 -1 2a2.4 2.4 0 0 0 1 2" /><path d="M16 4a2.4 2.4 0 0 0 -1 2a2.4 2.4 0 0 0 1 2" /><path d="M8 4a2.4 2.4 0 0 0 -1 2a2.4 2.4 0 0 0 1 2" /></g><g transform="translate(160 140) scale(0.75) rotate(-25)"><path d="M3 21s9.834 -3.489 12.684 -6.34a4.487 4.487 0 0 0 0 -6.344a4.483 4.483 0 0 0 -6.342 0c-2.86 2.861 -6.347 12.689 -6.347 12.689z" /><path d="M9 13l-1.5 -1.5" /><path d="M16 14l-2 -2" /><path d="M22 8s-1.14 -2 -3 -2c-1.406 0 -3 2 -3 2s1.14 2 3 2s3 -2 3 -2z" /><path d="M16 2s-2 1.14 -2 3s2 3 2 3s2 -1.577 2 -3c0 -1.86 -2 -3 -2 -3z" /></g><g transform="translate(30 150) scale(0.85) rotate(10)"><path d="M4 11h16a1 1 0 0 1 1 1v.5c0 1.5 -2.517 5.573 -4 6.5v1a1 1 0 0 1 -1 1h-8a1 1 0 0 1 -1 -1v-1c-1.687 -1.054 -4 -5 -4 -6.5v-.5a1 1 0 0 1 1 -1z" /><path d="M18.5 11c.351 -1.017 .426 -2.236 .5 -3.714v-1.286h-2.256c-2.83 0 -4.616 .804 -5.64 2.076" /><path d="M5.255 11.008a12.204 12.204 0 0 1 -.255 -2.008v-1h1.755c.98 0 1.801 .124 2.479 .35" /><path d="M8 8l1 -4l4 2.5" /><path d="M13 11v-.5a2.5 2.5 0 1 0 -5 0v.5" /></g><g transform="translate(110 170) scale(0.9) rotate(-5)"><path d="M13.62 8.382l1.966 -1.967a2 2 0 1 1 3.414 -1.415a2 2 0 1 1 -1.413 3.414l-1.82 1.821" /><path d="M5.904 18.596c2.733 2.734 5.9 4 7.07 2.829c1.172 -1.172 -.094 -4.338 -2.828 -7.071c-2.733 -2.734 -5.9 -4 -7.07 -2.829c-1.172 1.172 .094 4.338 2.828 7.071z" /><path d="M7.5 16l1 1" /><path d="M12.975 21.425c3.905 -3.906 4.855 -9.288 2.121 -12.021c-2.733 -2.734 -8.115 -1.784 -12.02 2.121" /></g></g></pattern></defs><rect width="100%" height="100%" fill="url(%23jidelnaVzor)" /></svg>') !important;
  }
  * {
    color: var(--color-primary);
  }
}
*, *::before, *::after {
  box-sizing: border-box;
  transition: color 2s ease;
}
main, html, header {
  transition: background-color 1s ease;
}
body {
  margin: 0;
  font-family: "Nunito", Arial, Helvetica, sans-serif;
  position: relative;
  min-height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  background-color: var(--color-body);
}
html {
  height: 100dvh;
}
main {
  flex-grow: 1;
  padding: 20px;
  width: 100%;
  max-width: 1500px;
  border-left: 1px solid black;
  border-right: 1px solid black;
  background-color: var(--color-main);
  background-image: url('data:image/svg+xml,<svg width="200" height="200" xmlns="http://www.w3.org/2000/svg"><defs><pattern id="jidelnaVzor" patternUnits="userSpaceOnUse" width="200" height="200"><g stroke-width="1.5" stroke="rgb(255, 214, 164)" fill="none" stroke-linecap="round" stroke-linejoin="round"><g transform="translate(20 30) scale(0.9) rotate(-10)"><path d="M19 3v12h-5c-.023 -3.681 .184 -7.406 5 -12z" /><path d="M19 12v6h-1v-3" /><path d="M9 3v17" /><path d="M6 3v3a3 3 0 1 0 6 0v-3" /></g><g transform="translate(150 25) scale(0.8) rotate(15)"><path d="M12 3c1.918 0 3.52 1.35 3.91 3.151a4 4 0 0 1 2.09 7.723l0 7.126h-12v-7.126a4 4 0 1 1 2.092 -7.723a4 4 0 0 1 3.908 -3.151z" /><path d="M6.161 17.009l11.839 -.009" /></g><g transform="translate(90 80) scale(1.0) rotate(5)"><path d="M4 11h16a1 1 0 0 1 1 1v.5c0 1.5 -2.517 5.573 -4 6.5v1a1 1 0 0 1 -1 1h-8a1 1 0 0 1 -1 -1v-1c-1.687 -1.054 -4 -5 -4 -6.5v-.5a1 1 0 0 1 1 -1z" /><path d="M12 4a2.4 2.4 0 0 0 -1 2a2.4 2.4 0 0 0 1 2" /><path d="M16 4a2.4 2.4 0 0 0 -1 2a2.4 2.4 0 0 0 1 2" /><path d="M8 4a2.4 2.4 0 0 0 -1 2a2.4 2.4 0 0 0 1 2" /></g><g transform="translate(160 140) scale(0.75) rotate(-25)"><path d="M3 21s9.834 -3.489 12.684 -6.34a4.487 4.487 0 0 0 0 -6.344a4.483 4.483 0 0 0 -6.342 0c-2.86 2.861 -6.347 12.689 -6.347 12.689z" /><path d="M9 13l-1.5 -1.5" /><path d="M16 14l-2 -2" /><path d="M22 8s-1.14 -2 -3 -2c-1.406 0 -3 2 -3 2s1.14 2 3 2s3 -2 3 -2z" /><path d="M16 2s-2 1.14 -2 3s2 3 2 3s2 -1.577 2 -3c0 -1.86 -2 -3 -2 -3z" /></g><g transform="translate(30 150) scale(0.85) rotate(10)"><path d="M4 11h16a1 1 0 0 1 1 1v.5c0 1.5 -2.517 5.573 -4 6.5v1a1 1 0 0 1 -1 1h-8a1 1 0 0 1 -1 -1v-1c-1.687 -1.054 -4 -5 -4 -6.5v-.5a1 1 0 0 1 1 -1z" /><path d="M18.5 11c.351 -1.017 .426 -2.236 .5 -3.714v-1.286h-2.256c-2.83 0 -4.616 .804 -5.64 2.076" /><path d="M5.255 11.008a12.204 12.204 0 0 1 -.255 -2.008v-1h1.755c.98 0 1.801 .124 2.479 .35" /><path d="M8 8l1 -4l4 2.5" /><path d="M13 11v-.5a2.5 2.5 0 1 0 -5 0v.5" /></g><g transform="translate(110 170) scale(0.9) rotate(-5)"><path d="M13.62 8.382l1.966 -1.967a2 2 0 1 1 3.414 -1.415a2 2 0 1 1 -1.413 3.414l-1.82 1.821" /><path d="M5.904 18.596c2.733 2.734 5.9 4 7.07 2.829c1.172 -1.172 -.094 -4.338 -2.828 -7.071c-2.733 -2.734 -5.9 -4 -7.07 -2.829c-1.172 1.172 .094 4.338 2.828 7.071z" /><path d="M7.5 16l1 1" /><path d="M12.975 21.425c3.905 -3.906 4.855 -9.288 2.121 -12.021c-2.733 -2.734 -8.115 -1.784 -12.02 2.121" /></g></g></pattern></defs><rect width="100%" height="100%" fill="url(%23jidelnaVzor)" /></svg>');
}
footer {
  width: 100%;
  background-color: rgb(31, 31, 31);
  color: rgb(202, 192, 171);
  padding: 10px;
}
h1 {
  margin: 10px;
  color: var(--color-h1);
  text-align: center;
  text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.3);
}
h2 {
  color: var(--color-h2);
  margin-top: 30px;
  text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.3);
}
p {
  margin-left: 10px;
}
a, a * {
  color: var(--color-odkazy);
}
main a {
    transition: transform 0.15s ease;
}
main a:hover {
    transform: translateY(-1px);
}