@import url('https://fonts.googleapis.com/css2?family=DynaPuff:wght@400..700&display=swap');

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

html, body {
  width: 100%;
  height: 100%;
  overflow-x: hidden;
}

body {
  font-family: "DynaPuff", serif;
  font-optical-sizing: auto;
  font-weight: 500;
  font-style: normal;
  font-size: 20px;
  background-color: #f7ebd7;
  letter-spacing: 0.5px; /* Jemné zvětšení mezery */

  display: flex;
  flex-direction: column;
  min-height: 100vh;
}
main {
  flex: 1;               /* zabere všechen zbylý prostor */
  padding: 20px;
}

p {
    margin-bottom: 10px; /* Větší mezery mezi odstavci */
}

.mezera {
    margin-bottom: 150px; /* Větší mezera mezi sekcemi */
}


/* animace */
.animate-up {
  opacity: 0;
  transform: scale(0.98);
  filter: blur(4px);
  transition:
    opacity 0.8s ease,
    transform 0.8s ease,
    filter 0.8s ease;
  will-change: opacity, transform, filter;
}

.animate-up.visible {
  opacity: 1;
  transform: translateY(0) scale(1);
  filter: blur(0);
}


/* scroll bar */
/* Pro WebKit prohlížeče (Chrome, Edge, Safari) */
::-webkit-scrollbar {
  width: 12px;
}

::-webkit-scrollbar-track {
  background: #111; /* tmavé pozadí scroll tracku */
}

::-webkit-scrollbar-thumb {
  background-color: #818181;  /* barva "posuvníku" */
  border-radius: 10px;
  border: 3px solid #111; /* okraj kolem palce, aby zapadl do tracku */
}

/* Firefox */
html {
  scrollbar-width: thin; /* nebo auto, nebo none */
  scrollbar-color: #818181 #111; /* palec, pozadí */
}