html body {
    background: #2d2536;
}

.navbar-wrapper {
    margin-top: 20px;
}

#banner img {
    width: 100%;
    height: auto;
}

.screenshot img {
    margin-top: 16px;
    margin-bottom: 16px;
    width: 100%;
    height: auto;
    box-shadow: 0px 0px 8px #000000;
    transition: 0.25s;
}

.screenshot img:hover {
    margin-top: 8px;
    margin-bottom: 24px;
    box-shadow: 0px 0px 8px #FFFFFF;
}

.clear {
    clear: both;
}

h1, p, dt {
    color: white;
    text-shadow: 0px 0px 2px #000000;
}

h1 {
    margin-bottom: 32px;
}

li {
    color: darkgray;
    font-size: 14px;
}

p, dt {
    font-size: 16px;
}

dt {
    margin: 32px;
}

.text-block {
    margin-top: 64px;
    margin-bottom: 64px;
}

#about .container-fluid {
    background-image: url("/home/images/fantasy_background_1.jpg");
}

#about-block {
    margin-top: 48px;
    margin-bottom: 48px;
}

#multiple-paths .container-fluid {
    background-image: url("/home/images/fantasy_background_2.jpg");
}

.spacer {
    height: 64px;
    display: block;
}