html, body {
        height: 100%;
      }
      body {
        background-color: #fff;
        background: radial-gradient(circle at center, #fff 0%, #f8f8f8 75%, #ebebeb 100%);
        color: #222;
        font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif;
        font-size: 1rem;
        line-height: 1.5;
        margin: 0;      
        justify-content: center;
        align-items: center;
      }
      main {
        padding: 1rem;
        text-align: center;
      }
      h1 {
        font-size: 2.5rem;
        line-height: 1.1;
        margin: 0;
      }
      @media screen and (max-width: 480px) {
        h1 {
          font-size: 1.5rem;
        }
      }
      h1::after {
        content: "";
        background-color: #ffe800;
        background: repeating-linear-gradient(45deg, #ffe800, #ffe800 0.5rem, #222 0.5rem, #222 1.0rem);
        display: block;
        height: 0.5rem;
        margin-top: 1rem;
      }
    
      p {
        margin: 1rem 0 0 0;
      }
	  
	@media only screen and (max-width: 600px) {
  video {
    width: 325px;
    height: 325px;
  }
}

.zoomed {
 transform: scale(1.5);
}

.image  {
width:50px;
height:50px;
}

.gallery {
  display: flex !important;
  flex-direction: column !important;
  gap: 20px !important;
  align-items: center !important;
  justify-content: center !important;
}

.gallery-row {
  display: flex !important;
  flex-wrap: wrap !important;
  justify-content: center !important;
  gap: 15px !important;
}

.gallery-row img {
  height: 180px !important;
  width: auto !important;
  border-radius: 6px !important;
  transition: transform 0.3s ease !important;
}

.gallery-row img:hover {
  transform: scale(1.05) !important;
}