/* Kaikki kursiiviksi */
*{
    font-style: italic;
}

/* Poikkeus */
.normal-text{
    font-style: normal;
    background:white;
    padding:10px;
    border:2px solid black;
}

/* Body */
body{
    margin:20px;
    font-family: Arial, sans-serif;

    /* Taustakuva */
    background-image:url("https://picsum.photos/250");
    background-repeat:no-repeat;
    background-position:right top;
    background-attachment:fixed;

    background-color:#f0f0f0;
}

/* Header */
.header{
    background:#2c5d63;
    color:white;
    text-align:center;
    padding:20px;
}

/* Keskellä ja punainen */
.center-red{
    text-align:center;
    color:red;
    font-size:24px;
    margin:20px;
}

/* Vasemmalla ja sininen */
.left-blue{
    text-align:left;
    color:blue;
    font-size:22px;
    margin:20px;

    /* eri fontti */
    font-family:"Courier New", monospace;
}

/* Oikealla ja vihreä */
.right-green{
    text-align:right;
    color:green;
    font-size:22px;
    margin:20px;
}

/* 300% */
.big-text{
    font-size:300%;
    color:darkorange;
    text-align:center;
    margin:30px;
}

/* Läpinäkyvä tausta */
.transparent-box{
    background-color:rgba(0, 128, 255, 0.5);
    padding:20px;
    margin:20px 0;
}

/* Content */
.content{
    background:white;
    padding:20px;
    margin-top:20px;
}

/* Lorem */
.lorem{
    background:white;
    padding:20px;
    margin-top:20px;
    line-height:1.8;
}