html {
    font-size: 62.5%;
}
body {
    font-family: Verdana, Geneva, Tahoma, sans-serif;
    font-size: 1.6rem;
}
/* Määritellään Flexin avulla vanhempi (body) ja sen lapset (header, nav, section, footer, aside */

body {
    display: flex; /* otetaan flex käyttöön vanhemmassa */
    flex-direction: row; /* määritellään flexin suunnaksi row (rivi) */
    flex-wrap: wrap; /* vanhemman lapset voivat rivittyä (allekkain)*/
}
body > * {
    flex-grow: 1;
    flex-basis: 100%;
}

body section, 
body aside {
   flex-basis: 0;
}

header {
    background-color: red;
    padding: 1rem;
    color: white;
}
nav {
    background-color: orange;
    padding: 1rem;
    color: white;
}
section {
    background-color: #FEC000;
    padding: 1rem;
    color: white;
}
section > p {
    margin-block-end: 1rem;
}
article {
    background-color: #7AC141;
    padding: 1rem;
    color: white;
    margin-block-end: 1rem;
}
article:last {
    margin-block-end: 0;
}
aside {
    background-color: #016FB4;
    padding: 1rem;
    color: white;
}
footer {
    background-color: #932B8E;
    padding: 1rem;
    color: white;
}
.oikealle {
    float: right;
}