@import url('https://fonts.googleapis.com/css2?family=Akronim&display=swap');

body {
font-family: "Akronim", system-ui;
  font-weight: 400;
  font-style: normal;
  padding: 40px;
  background-color: #797979;
  font-size: 25px;
}

p {
  color: #c3c3c3;
  height: auto;
  width: auto;
}

.zwierzeta{
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(90px, 1fr));
  gap: 15px;
  margin-top: 1rem;
}

.zwierzeta img{
  width: 100%;
  height: 250px;
  border-radius: 25px;
}

.zolw{
    border: 4px solid #68eb34;
      padding: 10px;
      border-radius: 8px;
}

.gorilla{
    border: 4px solid #eb3434;
      padding: 10px;
      border-radius: 8px;
}

.niedzwiedz{
    border: 4px solid #34c9eb;
      padding: 10px;
      border-radius: 8px;
}

.foka{
      border: 4px solid #ffffff;
        padding: 10px;
        border-radius: 8px;
}

.zyraf{
      border: 4px solid #f2ff00;
        padding: 10px;
        border-radius: 8px;
}

.kogut{
        border: 4px solid #ff8000;
          padding: 10px;
          border-radius: 8px;
}

.losos{
          border: 4px solid #8408f9;
            padding: 10px;
            border-radius: 8px;
}

.swinia{
            border: 4px solid #ff00cc;
              padding: 10px;
              border-radius: 8px;
}