body {
 font-family: Verdana, Helvetica, Arial, sans-serif;
 background: rgb(135,206,235);
}

h1 {
 text-align: center;
}

#horizon {
 top: 50%;
 width: 98%; /* otherwise horizontal scrollbar appears :( */
 position: absolute;
 overflow: visible;
 height: 1px;
}

#content {
 width: 600px;
 height: 371px; /* golden rectangle */
 position: absolute;
 top: -188px; /* half height + border */
 left: 50%;
 margin-left: -302px; /* half width + border */
 border-left: 2px solid rgb(149,227,255);
 border-top: 2px solid rgb(149,227,255);
 border-right: 2px solid rgb(121,185,211);
 border-bottom: 2px solid rgb(121,185,211);
}

#content > p {
 margin: 1em;
}

#footer {
 position: absolute;
 bottom: 0px;
 width: 98%;
 margin-bottom: 1em;
}

#footer * {
 font-size: 75%;
 color: rgb(67,103,117);
 text-align: center;
}