html {
box-sizing: border-box;
}
*,*:before,*:after {
box-sizing: inherit;
}
body {
max-width: 960px;
margin: 0 auto;
}
#left, #right {
width: 24%;
}
#middle {
width: 50%;
border-style: solid;
border-width: 1px;
}
div.clear {
clear: both;
}
section {
float: left;
padding: 3px;
}
h1, footer {
background-color: #aaa;
text-align: center;
}
footer {
margin-top: 10px;
}
#left ul {
background-color: #d4f0ff;
}
#right ul {
background-color: #cd5c5c;
}
section:not(:last-of-type) {
margin-right: 1%;
}
#left ul li:nth-child(3) {
color: white;
}
#right ul li:hover {
color: white;
}