.pierwszyakapit {
    font-size: 130%; 
    text-align:justify;
}



.resztatresci {
    font-size: 115%; 
    text-align:justify;
}

.resztatresci li + li {
    margin-top: 0.7em;
}




.sekcjabiala {
    display:inline-block;
    padding: 20px;
    margin: 20px;
    border: 1px solid black;
    border-radius: 20px;
    box-shadow: 5px 7px 7px #bbbbbb;
}

.sekcjabiala li + li {
    margin-top: 0.7em;
}




.sekcjaniebieska {
    display: flex; 
    flex-wrap: wrap;
    flex-basis: 100%;
    gap: 30px;
    padding: 20px; 
    margin: 20px; 
    border: 1px solid black; 
    border-radius: 20px; 
    box-shadow: 5px 7px 7px #bbbbbb; 
    background-color: #283b73; 
    font-size: 115%;
    color: white !important;
}

.sekcjaniebieska div {
    margin:0 auto 0 0;
}

.sekcjaniebieska li + li {
    margin-top: 0.7em;
}




.tabelazkarty {
overflow-x:auto; 
margin-top:20px; 
margin-bottom: 30px; 
width: 100%;
}

div.tabelazkarty table {
  border-collapse: collapse;
  border-spacing: 0;
  width: 100%;
}

div.tabelazkarty th  {
border-bottom: 3px solid black;
 text-align: left;
 vertical-align: text-bottom;
  padding: 8px;
}

div.tabelazkarty td {
  border-bottom: 1px solid black;
  text-align: left;
  padding: 8px;
}

div.tabelazkarty td:first-child {
  font-weight: bold;
}

div.tabelazkarty tr:nth-child(even)  {
  background-color: #e0e0e0;
}

div.tabelazkarty tr:hover  {
background-color: #c0c0c0;
}




div.tabelazkartyflexa table {
  border-collapse: collapse;
  border-spacing: 0;
  width: 100%;
}

div.tabelazkartyflexa th  {
border-bottom: 3px solid black;
 text-align: center;
  padding: 8px;
}

div.tabelazkartyflexa td {
  border-bottom: 1px solid black;
  text-align: center;
  padding: 8px;
}

div.tabelazkartyflexa td:first-child {
  font-weight: bold;
}

div.tabelazkartyflexa tr:nth-child(even)  {
  background-color: #e0e0e0;
}

div.tabelazkartyflexa tr:hover  {
background-color: #c0c0c0;
}