body {
    background-image:
radial-gradient(closest-side, transparent 0%, transparent 75%, #a4ad51 76%, #a4ad51 85%, #838578 86%, #838578 94%, #dce2ca 95%, #dce2ca 103%, #969f71 104%, #c0c8a6 112%,#c0c8a6 113%,#c0c8a6 121%, #dce2ca 122%, #dce2ca 130%, #c9d3a7 131%, #c9d3a7 140%),
radial-gradient(closest-side, transparent 0%, transparent 75%, #a4ad51 76%, #a4ad51 85%, #838578 86%, #838578 94%, #dce2ca 95%, #dce2ca 103%, #969f71 104%, #969f71 112%,#c0c8a6 113%,#c0c8a6 121%, #dce2ca 122%, #dce2ca 130%, #c9d3a7 131%, #c9d3a7 140%);
background-size: 110px 110px;
background-color: #d7deea;
background-position: 0 0, 55px 55px;

background-attachment: fixed;

font-family:Verdana, Tahoma,  Geneva,  sans-serif;


}

header {
    width: 100%;
    height: 300px;
    background-image:url("../images/othellocut.png");
    background-position:right;
    background-repeat:no-repeat;
    background-color:#281c07;
    vertical-align:middle;
    padding-left:5px;
}

nav {
    background-color:#281c07;
    border-bottom: solid 2px #a4ad51;
}

nav a {
    
    color:#7e9a39;
}

nav a:hover {
    color:#538223;
}

h1 {
    color:#9c8815;
}

footer {
    background-color:rgba(128, 128, 128, 0.74);
    color:#f5f3f3;
}