body {
    background: url(../img/42293977701_3aa6c83cea_o.jpg) no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
.container {
    position: relative;
    padding-top: 2em;
    padding-bottom: 4em;
    min-height: 100vh;
}
.cell {
    margin-top: 15px;
    margin-bottom: 15px;
}
.card {
    background-color: #e8e8e8;
    color: #333;
    border: 1px solid #777;
    border-radius: 8px;
    padding: 10px;
}
.card-icon {
    text-align: center;
    font-size: 88pt;
}
a .card-icon, a:visited .card-icon, a .card-title, a:visited .card-title {
    color: #333;
}
a:active .card-icon, a:hover .card-icon {
    color: #000088;
}
a:active .card-title, a:hover .card-title {
    color: #000088;
    text-decoration: underline;
}
a:active .card, a:hover .card {
    background-color: #f0ffe8;
    border: 1px solid #000088;
}
.card-title {
    text-align: center;
    font-size: 20pt;
}
a, a:visited {
    text-decoration: none;
    color: #000044;
}
a:hover, a:active {
    text-decoration: underline;
    color: #000088;
}
h1 {
    font-size: 38pt;
    color: #111;
}
h1 a, h1 a:visited {
    color: #111;
}
h1 a:hover, h1 a:active {
    color: #000088;
}
h1 small {
    font-size: 24pt;
    color: #333;
    margin-left: 2em;
}
h2 {
    font-size: 24pt;
    color: #111;
}
h3 {
    font-size: 18pt;
    color: #111;
}
footer {
    position: absolute;
    bottom: 1em;
    right: 1em;
    text-align: right;
}
footer a, footer a:visited {
    color: #333;
}
.indent-1 {
    margin-left: 2em;
}
.indent-2 {
    margin-left: 4em;
}