.firstrow {
    float: left;
    max-width: 30%;
    padding-right: 20px;
}

#theship {
    float: left;
}

#theship::before {
    content: "<span class='head'>The Ship</span>";
}

#themission {
    float: left;
}

#themission::before {
    content: "<span class='head'>The Mission</span>";
}

#theadversary {
    float: left;
}

#theadversary::before {
    content: "<span class='head'>The Adversary</span>";
}

#thekobolds {
    padding-top: 10px;
    padding-bottom: 10px;
}

#thekobolds::before {
    content: "<span class='head'>The Kobolds</span>";
}

.kobold {
    float: left;
    padding-right: 20px;
}

.head {
    font-weight: bold;
    font-size: 1.5em;
}