body {
    background-image: url("stalingrad.jpg");
    background-size: cover;
    font: 400 1em/1.8 "SimSun", serif;
}

#root {
    max-width: 720px;
    background-color:antiquewhite;
    border: 3px solid black;
}

#header {
    /* background-image: url("hammered.jpg"); */
    background-position: center;
    background-size: cover;
    height: 300px;
    /* align text at bottom right */
    display: flex;
    justify-content: flex-end;
    align-items: flex-end;
}

#header h1 {
    color: white;
    margin: 20px;
    text-shadow: 2px 2px 4px #000;
    /* font-family: 'IBMVGA', monospace; */
}

@font-face {
    font-family: 'IBMVGA';
    src: url('WebPlus_IBM_VGA_8x14.woff') format('woff');
}

a {
    color: darkblue;
}

a:hover {
    background-color: darkblue;
    color: white;
}

li {
    /* bullet points */
    list-style-type: '* ';
}