body{
background-color:DarkOliveGreen;
color:Cornsilk;
font-size: 140%;
text-align:left;
font-family:Arial,Helvetica,sans-serif;
}
@media screen and (max-width: 95em){body{font-size: 140%;}}
@media screen and (max-width: 85em){body{font-size: 130%;}}
@media screen and (max-width: 75em){body{font-size: 120%;}}
@media screen and (max-width: 65em){body {font-size: 110%;}}
@media screen and (max-width: 55em){body {font-size: 100%;}}
@media screen and (max-width: 45em){body{font-size: 90%;}}
@media screen and (max-width: 22em){body{font-size: 80%;}}
.header{
max-width:100%;
background-color:DarkOliveGreen;
color:BlanchedAlmond;
border-bottom: 10px double BlanchedAlmond;
}
.header a{
color: BlanchedAlmond;
}
.header a:visited{
color: BlanchedAlmond;
}
.header a:hover{
color: tomato;
}
.header a:active{
color: tomato;
}
.header div{
border-bottom: 10px double BlanchedAlmond;
}
.article{
width: 1000px;
max-width:100%;
display:inline-block;
text-align:right;
}
.article img{
width:100%;
}
.article a{
color: Cornsilk;
}
.article a:visited{
color: Cornsilk;
}
.article a:hover{
color: tomato;
}
.article a:active{
color: tomato;
}
.pagenumbers{
width: 100%;
text-align: right;
border-top: 5px double BlanchedAlmond;
border-bottom: 5px double BlanchedAlmond;
}
.pagenumbers a{
color: BlanchedAlmond;
}
.pagenumbers a:visited{
color: BlanchedAlmond;
}
.pagenumbers a:hover{
color: tomato;
}
.pagenumbers a:active{
color: tomato;
}
.footer{
text-align:left;
background-color:DarkOliveGreen;
color:BlanchedAlmond;
border-top: 10px double BlanchedAlmond;
}
.footer a{
color: BlanchedAlmond;
}
.footer a:visited{
color: BlanchedAlmond;
}
.footer a:hover{
color: tomato;
}
.footer a:active{
color: tomato;
}
.footer div{
border-top: 10px double BlanchedAlmond;
}