/* style.css */

body {
    margin: 0;
    padding: 0;
    height: 100vh;
    background: linear-gradient(to bottom, #450068, #88B7CE);
    font-family: sans-serif;
    color: white;
}

.image-container {
    text-align: center;
    display: inline-block;
    width: 160px; /* adjust as needed */
    margin: 10px;
    vertical-align: top;
}

.image-container img {
    width: 120px; /* adjust image size */
    height: auto;
    display: block;
    margin: 0 auto;
}

.image-container p {
    margin-top: 8px;
    font-size: 1em;
    color: white;
    line-height: 1.4;
}

.language-list {
    list-style-type: none;
    padding: 0;
}

.language-list li {
    margin-bottom: 8px;
    font-size: 1em;
    display: flex;
    align-items: center;
}

.language-list img {
    height: 15px;
    width: auto;
    margin-right: 8px;
    vertical-align: middle;
}

.spaced-paragraph {
  margin-bottom: 40px; /* adds vertical space below each paragraph */
}

.inline-flag {
  height: 15px;           /* All flags same height */
  width: auto;            /* Let width adjust proportionally */
  vertical-align: text-bottom;
  margin-left: 4px;
  margin-right: 4px;
}

a {
  color: #FFFFFF; /* gold, or any color you prefer */
  text-decoration: none; /* remove underline (optional) */
}

a:hover {
  color: #FFE084; /* white on hover */
  text-decoration: underline; /* underline on hover (optional) */
}

a:visited {
  color: #FFC50C; /* different color for visited links */
}

.news-article {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  gap: 20px;
  margin-bottom: 40px;
}

.news-text {
  flex: 1 1 300px;
  min-width: 250px;
}

.news-image {
  flex: 0 1 300px;
  max-width: 300px;
  margin-top: 20px;
  margin-bottom: 20px;
}

.news-image img {
  width: 100%;
  height: auto;
  border-radius: 6px;
  display: block;
}

.news-image img + img {
  margin-top: 20px;
}