html{
    margin:0;
    padding:0;
}
body {
font-family: Georgia, "Times New Roman",
              serif, sans-serif;
background-color: beige;
width: 60%;
margin: auto;
}
a {
    text-decoration: none;
    color: #4d4dff;
    word-wrap: break-word;
}
/*div {
    display: none;
}
*/
.container {
    margin: 0 auto;
    max-width: 940px;
    padding: 0 10px;
}

.header {
    height: 200px;
    margin-top: 20px;
    text-align: left;
}

.header .container {
    position:relative;
    top: 100px;
    text-align: left;
}


h1 {
    font-size: 40px;
    text-shadow: 1px 1px 1px #ccc;
    color: #008ae6;
    border-bottom: 1px solid #008ae6;
    width: 100%;
}

h2 {
    font-size: 30px;
    text-shadow: 1px 1px 1px #ccc;
    color: #008ae6;
    border-bottom: 1px solid #008ae6;
    width: 100%;
}

ul.timeline li
{
    position: relative;
   height: 2em;
    color: black;
}