body {

  font-family: Arial, sans-serif;

  background-color: #f0f0f0;

  color: #333;

  margin: 0;

  padding: 0;

}



img {

  max-width: 100%;

  height: auto;

}



.weather-widget {

  margin: 20px;

  padding: 15px;

  border: 1px solid #0066cc; /* Modrý rámeček */

  border-radius: 8px;

  width: 300px;

  text-align: center;

  background-color: #e6f7ff; /* Světle modré pozadí */

  color: #003366; /* Tmavě modrý text */

  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); /* Jemný stín */

}



.weather-widget h3 {

  margin-top: 0;

  color: #003366; /* Barva nadpisu */

}



.weather-widget p {

  margin: 5px 0;

  font-size: 14px;

}



.weather-container {

  display: flex;

  justify-content: center;

  flex-wrap: wrap;

  gap: 20px;

  margin: 30px auto;

  max-width: 1000px;

}



table {

  margin: 20px 0;

  border-collapse: collapse;

  width: auto;

}



td {

  padding: 10px;

  border: 1px solid #ccc;

}



a {

  color: #0066cc;

  text-decoration: none;

}



a:hover {

  text-decoration: underline;

}



/* Styl pro box s odkazy */

.link-box {

  margin: 20px auto;

  padding: 15px;

  border: 2px solid #008000; /* Zelený rámeček */

  background-color: #ccffcc; /* Světle zelené pozadí */

  border-radius: 8px;

  text-align: center;

  width: 300px;

  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); /* Jemný stín */

}



.link-box a {

  color: #005500; /* Tmavě zelený text */

  font-weight: bold;

  text-decoration: none;

}



.link-box a:hover {

  text-decoration: underline;

}