/* Import obu czcionek z Google Fonts */
@import url('https://fonts.googleapis.com/css2?family=Playwrite+M%C3%A9xico+Guides:wght@400;600;700&family=Playwrite+Magyarorsz%C3%A1g:wght@400;600&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Playwrite+MX+Guides&display=swap');


html, body {
  margin: 0;
  padding: 0;
  height: 100%;
  color: white;
  text-align: center;
}

body {
  background: url("https://usagif.com/wp-content/uploads/2022/hqgif/ocean-wave-27-beautiful-waves-animation.gif")
              center/cover no-repeat fixed;
  display: flex;
  justify-content: center;
  align-items: center;
}

.banner {
  background: rgba(0,0,0,0.4);
  padding: 30px 50px;
  border-radius: 12px;
}

/* Tytuł — Playwrite México Guides */
h1 {
  margin: 0;
  font-size: 2rem;
  letter-spacing: 1px;
  font-family: 'Playwrite México Guides', cursive;
}

/* Tekst — Playwrite Magyarország */
p {
  margin-top: 8px;
  font-size: 1rem;
  opacity: 0.85;
  font-family: 'Playwrite Magyarország', cursive;
}