body {
background-color: red;
}
div.header {
border: thin solid black; 
padding: 10%;
font-size: 0.9em;
background-color: yellow;
max-width: 80%;
}
span.message { 
font-size: 0.8em;
}
div {
max-width: 80%;
}
.plain {
border: thin solid black;
padding: 10%;
font: Arial, serif font-size: 0.9em;
background-color: yellow;
}
.fancy {
border: thin solid black;
padding: 5%;
font-family: Herculanum, Verdana, serif;
font-size: 1.2em;
text-shadow: 0.2em 0.2em grey;
font-style: oblique;
color: rgb(21,49,110);
background-color: rgb(234,197,49);
}
.loud {
border: thin solid black;
padding: 5%;
font-family: Impact, serif;
font-size: 1.4em;
text-shadow: 0 0 2.0em black;
color: black;
background-color: rgb(181,77,79);
}
.cosmo {
border: thin solid black;
padding: 1%;
font-family: Papyrus, serif;
font-size: 0.9em;
text-shadow: 0 0 0.5em black;
color: aqua;
background-color: teal;
}