body {
    background-color: #222;
    font-family: "Courier New", Courier, monospace;
}

h1 {
    color: #ccc;
    font-size: 3.5em;
    text-align: center;
}

h2,
div > div > p,
pre {
    color: #ccc;
    
}

a {
    color: lightgray;
}
a:visited {
    color: lightblue;
}

img {
    width: 100%;
}

.star {
    padding-right: 10px;
}

.fa-color-bronze {
    color: #614e1a;
}

.fa-color-silver {
    color: #c0c0c0;
}

.fa-color-gold {
    color: #ffd700
}

ul li {
    list-style-type: none;
}
ul li .title {
    width: 25em;
    float: left;
    color: #ccc;
}

ul li .title + a,
ul li a + a {
    float: left;
    display: inline-block;
}
ul li a + hr {
    clear: both;
    float: none;
    width: 0px;
    border: none;
}


.left,
.right {
    width: 50%;
    min-width: 350px;
    float: left;
}

.right + hr {
    clear: both;
}