body {
  font-family: "Lato", "Iosevka";
  text-align: justify;
  margin: 0 auto;
  max-width: 80vw; /* 90% szerokości okna */
  padding-top: 50px; /* Górna przestrzeń */
  background-color: #282828; /* Ciemne tło */
  color: #ebdbb2; /* niebieski  Kolor tekstu */
}

a {
  text-decoration: none;
  color: #458588; /* #fb4934; Kolor linków */
}

ul {
 list-style: square;
 padding-left: 30px;
}

.content {
  font-size: large;
}

img {
  max-width: 80%; /* Dopasowanie do szerokości kontenera */
  height: auto; /* Automatyczna wysokość w proporcji */
  margin: 10px 0; /* Odstęp od góry i dołu */
  display: block; /* Umożliwia centrowanie */
  margin-left: auto;
  margin-right: auto;
}

code {
  background-color: rgba(255, 255, 255, 0.1); /* Subtelne tło */
  border: 1px solid #98971a; /* #d65d0e; Cienka ramka */
  border-radius: 4px; /* Lekko zaokrąglone narożniki */
  padding: 5px; /* Odstęp wewnętrzny */
  display: inline-block;
}

@media screen and (prefers-color-scheme: dark) {
  body {
    /* Kolor tła i tekstu w trybie ciemnym */
  }
}