@font-face {
    font-family: myFont;
    src: url("/carattere.ttf");
}

body {
    margin: 0;
    padding: 0;
}

/* Kontener z przewijaniem i scroll snap */
.grid-snap-container {
  display: grid;
  grid-auto-rows: 100svh;
  scroll-snap-type: y mandatory;
  overflow-y: scroll;
  height: 100svh;
  background: url("/tlo.png");
  background-size: cover;
}


.section {
  display: flex;
  flex-direction: column;
  height: 100svh;
  scroll-snap-align: start;
  overflow: hidden;
  margin: 1em;
  justify-content: center;
}

.section h2 {
  margin: 0.5rem;
  margin-top: 2rem;
  text-align: center;
  flex: 0 0 auto;
  font-family: myFont;
  font-size: 6rem;
  font-weight: 100;
  color: #58743a;
}

.video-wrapper {
  flex: 1 1 auto;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  margin: 1em;
  margin-top: 0;
}

.video-wrapper video {
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
  background-color: black;
}