<style>
  body {
    margin: 0;
    height: 100vh;
    display: flex;
    justify-content: center;
    align-items: center;
    font-family: Arial, sans-serif;
    color: white;
    text-shadow: 1px 1px 4px black;
    background: linear-gradient(180deg, #0077be, #0099cc, #00b3d9);
    background-size: 400% 400%;
    animation: waterFlow 12s ease infinite;
  }

  @keyframes waterFlow {
    0% { background-position: 0% 50%; }
    50% { background-position: 100% 50%; }
    100% { background-position: 0% 50%; }
  }
</style>
/* Importeer het Roboto-lettertype van Google Fonts */
@import url('https://fonts.googleapis.com/css2?family=Roboto&display=swap');

/* Algemene stijl voor de hele pagina */
body {
  background-color: #ADFF2F  /* Geelgroene achtergrondkleur*/
  color: #90EE90          
  font-family: 'Roboto', sans-serif; /* Roboto als hoofdlettertype */
  padding: 20px;
  line-height: 1.6;
}

/* Titels */
h1, h2, h3 {
  color: #81c784; /* Lichtere groentint voor koppen */
  font-family: 'Roboto', sans-serif;
}

/* Links */
a {
  color: #00796b; /* Blauwgroene links */
  text-decoration: none;
}

a:hover {
  text-decoration: underline;
}

/* Extra stijl voor nieuwsitems of blokken */
.nieuwsitem {
  background-color: #ffffff;
  border-left: 5px solid #a5d6a7; /* Zachte groene rand */
  padding: 10px;
  margin-bottom: 15px;
}
