html {
  scroll-behavior: smooth; /* Powoduje płynne przewijanie strony np. przy skoku do jakiejś zakładki: <a href="sekcja2"></a> */
}

body {
  margin: auto; /* Aby nie było np. białego maginesu po lewej i prawej stronie tabeli, albo marginesu z lewej strony menu górnego */
  font-family: Helvetica;
  font-size: 4vmin;
}

.tabPlanowane {
  width: 100%;
  background-color: #f1f1c1;
  border-collapse: collapse;
}

table a {
  outline: 0;
  color: inherit;
}

td {
  text-align: left;
  border: 1px solid black;
  padding: 1vmin;
  font-size: 3.5vmin;
}

cel {
  color: red;
  font-weight: bold;
}

.flagaIMG, .mapaIMG, .goryIMG, .nowoscIMG {
  vertical-align: middle;
}

.nowoscIMG {
  animation: obracanie 4s linear infinite;
}

@keyframes obracanie {
  100% {
    transform: rotate(360deg);
  }
}