body{
    background: rgb(0,140,25);
    background: radial-gradient(circle, rgba(0,140,25,1) 0%, rgba(0,116,30,1) 100%);
}
.content{
    width: 600px;
    margin: 200px auto 200px auto;
    text-shadow: 1px 1px 2px #333;;
    color: gold;
    font-family: 'Merriweather', serif;
    line-height: 2em;
}
.content a{
    color: gold;
}
.content sub{
    background-color: green;
    padding: 4px;
    border-radius: 5px;
}
.content a:hover{
    color: gold;
    text-decoration: underline
}
.content-title{
    vertical-align: middle;
}
.title{
    padding-top: 10px;
    font-size: 50px;
    color: gold;
    font-weight: normal;
    text-shadow: 2px 2px 3px #333;;
    font-family: 'Graduate', cursive;
}
.octagon path{
    fill: gold;
}
.octagon{
    float:left;
    margin-right: 30px;
    -webkit-filter: drop-shadow( -2px 2px 3px #333 ); 
    filter: drop-shadow( 2px 2px 3px #333 );
}