header {
            background-color: #2c3e50;
            color: white;
            text-align: center;
            padding: 20px;
        }
header a {
	color:white;
	text-decoration:none;
}
.container {
            display: grid;
            grid-template-columns: 200px 1fr 200px; /* Vasen | Keskiosa | Oikea */
            flex: 1; /* Täyttää jäljellä olevan pystytilan */
            gap: 10px;
            padding: 10px;
        }
aside, main {
            background-color: white;
            padding: 20px;
            border-radius: 5px;
            box-shadow: 0 2px 5px rgba(0,0,0,0.1);
	text-align:center;
        }
.left {
            background-color: #eef2f3;
        }
.right {
            background-color: #eef2f3;
        }
main {
            background-color: #ffffff;
        }
footer {
            background-color: #34495e;
            color: white;
            text-align: center;
            padding: 10px;
            margin-top: auto;
        }
/* Responsiivisuus: Muuttuu yhdeksi sarakkeeksi kapeilla näytöillä (esim. puhelimet) */
        @media (max-width: 768px) {
            .container {
                grid-template-columns: 1fr;
            }
            
            /* Järjestetään osiot loogisemmin mobiilissa: Vasen -> Pääsisältö -> Oikea */
            .left { order: 2; }
            main { order: 1; }
            .right { order: 3; }
        }