body {
      font-family: 'Nunito', sans-serif;
      background: linear-gradient(to right, #f4edd2, #fcde71);
      color: #333;
      margin: 0;
      padding: 20px;
    }
    h1 {
        text-align: center;
        font-family: 'Raleway', sans-serif;
        color: #56cfdd;
    }
    h2, h3 {
      font-family: 'Raleway', sans-serif;
      color: #56cfdd;
    }

    a {
      color: #d81b60;
      text-decoration: none;
    }

    a:hover {
      text-decoration: underline;
    }

    img {
      margin: 10px;
      border-radius: 10px;
      box-shadow: 0 4px 8px rgba(0,0,0,0.2);
    }

    ul {
      padding-left: 20px;
    }

    li {
      margin-bottom: 6px;
    }

    #intro {
      font-size: 1.2em;
      margin-bottom: 20px;
    }
.img_centre{
    text-align: center;
}