/* CSS for our website */
header { background-color: #444; color: white; }
header h1 { padding: .5em; margin: 0; }
header h2 {
    font-style: italic;
    position: absolute;
    color: white;
    font-size: 12px;
    right: 0;
    top: 60px;
    background: darkred;
    padding: .5em;
    border-radius: 0 0 0 4px;
}
#wrap { width: 70%; margin: 3em auto; }
#wrap a {font-weight: bold; color: darkslateblue; }

/* CSS for our articles */
article {
    padding: 1.5em;
    background: #444;
    color: white;
    margin: 2em;
    border-radius: 4px;
    font-family: Garamont, Georgia, serif;
    line-height: 1.32em;
}
article h2 { font-family: sans-serif; }
article .read-more {
    display: block;
    text-align: right;
    color: white;
}

/* Some CSS styles for our buggy buttons */
button {
    display: block;
}

/* Very minor CSS for test results */
#results li { margin: 10px; padding: 4px 8px; }
.error { background: #fbe3e4; color: #8a1f11; border-color: #fbc2c4; }
.success { background: #e6efc2; color: #264409; border-color: #c6d880; }