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

    html, body {
      overscroll-behavior: none;
      margin: 0;
      padding: 0;
      overflow: hidden; 
    }

    body {
      /* background-image: url(background.jpg); */
      background-image: linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)), url(/background.jpg);
      filter: drop-shadow(4px 4px 8px #0008);
      margin: 0;
      min-height: 100vh;
      background-repeat: no-repeat;
      background-position: center center;
      background-size: cover;
      font-family: sans-serif;
      color: #fff;
      text-shadow: 0px 1px 2px #000;
      background-color: #000;
    }


    .container-p {
      padding: 8px;
    }

    .container {
      margin: 0 auto;
      padding: 24px 32px;
      max-width: 1024px;
      min-width: 280px;
      width: fit-content;
      position: relative;
      text-align: left;
      transform: translateY(calc(50vh - 230px));

      /* background: #6666;
      backdrop-filter: blur(10px);
      -webkit-backdrop-filter: blur(10px); 
      border: 1px solid #3333;
      border-radius: 16px;
      box-shadow: 0 8px 32px 0 rgba(0, 0, 0, 0.3); */
    } 

    h1 {
      font-size: 30px;
      font-weight: lighter;
      line-height: 1.6;
      margin-top: 30px;
    }

    h1 strong {
      font-weight: 800;
      color: #ff3919;
      /* text-shadow: 0px 1px 2px #3e3e3e; */
    }

    .logo { 
      width: auto;
      height: 86px;
      display: block;
      filter: brightness(0) saturate(100%) invert(25%) sepia(90%) saturate(4000%) hue-rotate(350deg) brightness(100%) contrast(100%) !important;
      -webkit-filter: brightness(0) saturate(100%) invert(25%) sepia(90%) saturate(4000%) hue-rotate(350deg) brightness(100%) contrast(100%) !important;
    }

    p {
      margin: 12px 0px;
    }


/* Style dla telefonów (ekrany węższe niż 768 pikseli) */
@media (max-width: 768px) {
  h1 {
    font-size: 20px;
  }

}