body {
background:rgb(223,244,159);
color:rgb(22,29,14);
font-size:14px;
position:relative;
font-family:Arial,sans-serif;
}

header, nav, article, footer {
position:relative;
background:rgba(248,247,249,0.25);
width:50%;
min-width:300px;
box-sizing:border-box;
padding:0.5em;
}

header {
margin:-8px auto 0;
}

nav {
margin:-4px auto 0;
text-transform:uppercase;
border-bottom:3px solid rgb(255,255,255);
text-align:center;
padding-bottom:0;
word-spacing:2em;
}

article {
margin:0 auto;
}

article a {
color:rgb(0,162,232);
}

article a:hover {
color:rgb(237,28,36);
}

footer {
margin:-3px auto 0;
}

/* Specifics */

h1 {font-size:1.8em;}
h2 {font-size:1.6em;}
h3 {font-size:1.4em;}
h4 {font-size:1.2em;}

h1, h2, h3, h4, h5, h6, p, ul {
margin:0.25em 0 0.25em 0;
}

nav a {
position:relative;
top:3px;
text-decoration:none;
color:rgb(0,162,232);
font-size:1.4em;
line-height:1.4em;
}

nav a:hover {
color:rgb(237,28,36);
border-bottom:3px solid rgb(237,28,36);
}

article figure img {
width:150px;
}

footer {
text-align:center;
padding-bottom:1em;
}