body {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    color: #FFFFFF;
    background-image: url(background.gif);
}

div {
    margin: auto;
    /* divs are horizontally centered */
    text-align: center;
    /* div contents are horizontally centered */
}

a,
a:link,
a:visited,
a:hover,
a:active,
a:focus {
    color: #FFCC00;
}

p,
li {
    text-align: left;
    line-height: 1.5;
    /* spread out a bit for clarity */
}

li {
    padding: 5px;
    /* separated a bit for clarity */
}

img {
    border-radius: 2%;
}

.content {
    background-color: #222222;
    max-width: 900px;
    padding:0 clamp(0px, 3vw, 50px);    /* L/R: min, preferred %, max */
    border-style: solid;
    border-width:thin;
    border-color: #808080;
    border-radius: 0.5%;
}

.image_200 {
    max-width: 200px;
}

.image_300 {
    max-width: 300px;
}

.image_400 {
    max-width: 400px;
}

.image_600 {
    width: 100%;
    max-width: 600px;
}