p { 
    border: dotted white 2px; 
    color: white;
}
body { background-color: lightblue; border: solid red 2px; }
html { border: navy; }

h1 {
    background-color: yellow;

        height:150px;
        width:250px;
        margin-top:20px;
        margin-right:20px;
        margin-left:20px;
        margin-bottom:20px;
        padding-top: 10px;
        padding-right: 20px;
        border-width: 2px;
        border-style: dashed;
        border-color: navy;
        border-top-width: 2px;       
        border-top-style: groove;
        border-bottom-width: 2px;       
        border-bottom-style: groove; 
        border-radius: 4px 10px 10px 4px;      

}

.list {
    background-color: darkred;
    font-family: "Times New Roman", Times, Tahoma;
    color: white;
}

.content {
    font-family: "Times New Roman", Times, Tahoma;
    font-size: 12;
    color: white:
}

#thumbnail {
    height: 150px;
    width: 200px;
}

img {
    border: 1px solid #ddd;
    border-radius: 4px;
    padding: 5px;
    height: 150px;
    width: 200px;
    border-color: navy;
    border-top-width: 2px;       
    border-top-style: groove;
    border-bottom-width: 2px;       
    border-bottom-style: groove;
    margin-top: 20px;
    margin-bottom: 20px; 
    margin-left: 20px;
    margin-right: 20px;
}

img:hover {
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1);
}

.box1 {
    font-family: "Times New Roman", Times, Arial;
    font-size: 12;
    background-color: white;
}

.box2 {
    font-family: "Times New Roman", Times, Arial;
    font-size: 12;
    color: white;
}
.box3 {
    font-family: "Times New Roman", Times, Arial;
    font-size: 12;
    color: white;
}

.box4 {
    font-family: "Times New Roman", Times, Arial;
    font-size: 12;
    color: white;
}

.box5 {
    font-family: "Times New Roman", Times, Arial;
    font-size: 12;
    color: white;
}