@font-face {
  font-family: 'Ubuntu';
  src: url('fonts/Ubuntu-Regular.woff') format('woff'),
       url('fonts/Ubuntu-Regular.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}

body {
  font-family: 'Ubuntu', sans-serif;
  background-color: black;
  margin: 10%; 
  color: white; 
}

.h1 {
    font-size: 3rem; /* większa czcionka, proporcjonalna do reszty strony */
}

.h2 {
    font-size: 1.8rem;
}

.hexy {
  background-image: url('gwiazdy.jpg'); /* ścieżka do obrazka */
  background-size: cover;      /* wypełnia cały kontener */
  background-position: center; /* środek obrazka */
  background-repeat: no-repeat; /* nie powtarza obrazka */
  padding:10%;
  color: #fff;                 /* kolor tekstu na tle */
  max-width: 100%; /* dopasowanie do ekranu */
}


.hex1 {
  display: flex;
  flex-wrap: wrap; /* pozwala elementom się „złamać” */
  justify-content: center; /* wyśrodkowanie */
  max-width: 100%; /* dopasowanie do ekranu */
  overflow-x: hidden; /* zapobiega przewijaniu w bok */
  gap: 15px;
}


.hex2 {
   display: flex;
  flex-wrap: wrap; /* pozwala elementom się „złamać” */
  justify-content: center; /* wyśrodkowanie */
  max-width: 100%; /* dopasowanie do ekranu */
  overflow-x: hidden; /* zapobiega przewijaniu w bok */
  gap: 15px;
}


.hex3 {
    display: flex;
  flex-wrap: wrap; /* pozwala elementom się „złamać” */
  justify-content: center; /* wyśrodkowanie */
  max-width: 100%; /* dopasowanie do ekranu */
  overflow-x: hidden; /* zapobiega przewijaniu w bok */
  gap: 15px;
}

.zrzutka {
  display: flex;         /* ustawia elementy obok siebie */
  flex-wrap: wrap;
  align-items: center;   /* wyrównuje pionowo */
  gap: 40px;             /* odstęp między obrazkiem a listą */
}

.bez-kropek {
  
list-style-type: none;   /* usuwa kropki */
  
padding: 0;              /* usuwa wcięcie od lewej */
  
margin: 0;
}

li {
  margin-bottom: 8px;      /* odstęp między liniami */

}