body {
    font-family: Arial, sans-serif;
    max-width: 800px;
    margin: auto;
    padding: 0.5em;
}

h1 {
    text-align: center;
    text-shadow: 3px 3px #ffb9f4;
    color: rgb(242, 62, 197);
}

.esimerkki {
    background-color: rgb(218, 42, 168);
    color: #ffffff;
    padding: 0.8em;
}

.keskitys {
    text-align: center;
}

.oikea-tasaus {
    text-align: right;
}

.leveys-300px {
    width: 300px;
}

.leveys-30em {
    width: 30em;
}

.leveys-50pros {
    width: 50%;
}

.sisempi {
    color: rgb(0, 0, 0);
    background-color: #fcc35f;
}

.lopussa {
    position: relative;
    height: 7em;
    margin-bottom: 1em;
}

.oik-ala {
    position: absolute;
    right: 0;
    bottom: 0;
}

.vas-ala {
    position: absolute;
    left: 0;
    bottom: 0;
}

.oik-yla {
    position: absolute;
    right: 0;
    bottom: 0;
}