h1 {
    text-align: center;
    color: rgb(255, 0, 0);
    font-family: Verdana, sans-serif;
    } 
h2 {
    text-align: left;
    color: rgb(0, 0, 0);
    font-family: Verdana, sans-serif;
    font-size: 20px;
    }
h3 {
    text-align: left;
    color: rgb(0, 0, 0);
    font-family: Verdana, sans-serif;
    font-size: 17px;
    }
.www-title {
    text-align: center;
    font-family: verdana, sans-serif;
    font-size: 24px;
    }
img {
    width: 300px;
    border: 2px solid black;
    display: block;
    margin: 0 auto;
    }
.center {
    text-align: center;
    }
footer {
    text-align: center;
    margin: 20px 0;
    }
.line {
    width: 50%;
    height: 2px;
    background-color: black;
    margin: 10px 0;
    float: left;
    }
.clearfix {
    clear: both;
    }
ol {
    margin: 20px 0;
    }

    body {
        background-color: #ffffcc;
        /*margin: 30px;*/
    }

.backred {
        font-size: 16px;
        background-color: red;
        max-width: max-content;
        font-weight: bolder;
    }

.backgreen {
        background-color: #00ff18;
    }
    
.red {
    color:red;
    }
.blue {
    color:blue;
    }
.yellow {
    color:yellow;
    }
a {
    color:#666666;
    font-size:16px;
    text-decoration:none;
    }
a:hover {
    text-decoration:underline overline;
    }