html {
    background-color: darkgray;
}

h1 {
    background-color: crimson;
    font-family: "Verdana";
    border: 3px;
    border-style: double;
    border-width: 3px;
    border-color: darkseagreen;
}

table {
    border-style: groove;
    border-color: chartreuse;
}

td {
    border-style: groove;
    border-width: 3px;
    border-color: chocolate;
    font-family: "Consolas";
    color: aliceblue;
    padding: 1em;
}

th {
    border-style: inset;
    border-color: azure;
    font-style: oblique;
    font-family: sans-serif;
    color: firebrick;
    padding: 5px;
    text-align: left
}

h2, h3 {
    color: honeydew;
    font-family: "Courier New";
}

p {
    font-family: "MS Gothic";
    color:  #4c0985;
}

.data01 {
    background-image: url(city.jpg);
    background-size: contain;
}

.data02 {
    font-family: "MS Reference Sans Serif";
    color: crimson;
    background-color: #801515;
}

.data03 {
    font-family: "Calibri";
    background-image: url(deus_ex.jpg);
    background-size: cover;
}

.data04 {
    font-family: monospace;
    background-color: #277553;
    color: chartreuse;
    font-size: 20px;
}

.data05 {
    padding: 2em;
    background-image: url(float_tree.jpg);
    background-position: center;
    background-size: cover;
    font-style: italic;
    font-size: 30px;
}

.data06 {
    background-color: #252629;
    color: #686f7f;
    font-family: "Times New Roman"
}

.data07 {
    font-family: "Bookman Old Style";
    background-image: url(blue_abyss.jpg);
    background-size: contain;
    color: #DEDEDE;
}

.data08 {
    font-family: "Century Gothic";
    font-style: oblique;
    background-color: #1530AE;
    color: #FF9a39;
}

.data09 {
    background-image: url(forest.jpg);
    background-position: center;
    background-size: 17em;
    padding: 1.75em;
    color: #cecece
}