body {
        background-color: #4A5B2E; /* Set the background color for the entire page */
        font-family: 'Helvetica Neue', Arial, sans-serif;
        text-align: center;
        color: #333;
        margin: 0;
        padding: 0;
    }

    .container {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        height: 100vh;
        animation: fadeIn 2s ease-in-out;
    }

    .logo img {
        width: 344px; /* Adjust width as per the ratio 25:86 */
        height: 100px; /* Adjust height as per the ratio 25:86 */
        transition: transform 0.3s;
        border: 2px solid black; /* Temporary border for visibility */
    }

    .logo img:hover {
        transform: scale(1.05);
    }

    h1 {
        font-size: 3em;
        margin: 0.5em 0;
        letter-spacing: 2px;
        color: #000;
    }

    p {
        font-size: 1.2em;
        color: white;
    }

    @keyframes fadeIn {
        from { opacity: 0; }
        to { opacity: 1; }
    }
	
	a:link {
  color: yellow;
  background-color: transparent;
  text-decoration: none;
}

a:visited {
  color: yellow;
  background-color: transparent;
  text-decoration: none;
}

a:hover {
  color: yellow;
  background-color: transparent;
  text-decoration: underline;
}

a:active {
  color: yellow;
  background-color: transparent;
  text-decoration: underline;
  
}

ul {
  list-style-type: none;  /* poistaa pallot */
  padding-left: 0;        /* poistaa sisennyksen */
  margin: 0;              /* tasaa reunat */
}


ul li {
  margin-bottom: 0.5em; /* väli rivien väliin */
}