@font-face {
    font-family: "Reverb";
    src: url("/koboldgen/assets/fonts/Reverb-Regular.otf") format("opentype");
}
@font-face {
    font-family: "Reverb Light";
    src: url("/koboldgen/assets/fonts/Reverb-Light.otf") format("opentype");
    font-weight: lighter;
}
@font-face {
    font-family: "Reverb Bold";
    src: url("/koboldgen/assets/fonts/Reverb-Bold.otf") format("opentype");
    font-weight: bold;
}


div {
    background-color: white;
}

div#content {
    background-image: url("/koboldgen/assets/kisbg-sm.png");
    background-position: 5em 1.5em;
    /* background-repeat: no-repeat; */
}

.firstrow {
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    float: left;
    max-width: 30%;
    margin-right: 20px;
    margin-top: 10px;
    min-height: 100px;
    padding: 5px;
}

/* .firstrow .head {
    
    font-size: 
} */

#theship {
    float: left;
}

#shipname {
    font-weight: bold;
}

#shipquality1 {
    color: blue;
}

#shipquality2 {
    color: red;
}

#themission {
    float: left;
}

#theadversary {
    float: left;
}

#theadversary #secprobstats {
    display: block;
    padding-left: 10px;
}

#theadversary #thirdprobstats {
    display: block;
    padding-left: 20px;
}


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

/* #thekobolds .head {
    font-family: "Reverb";
} */

.kobold {
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    float: left;
    margin-right: 20px;
    margin-top: 10px;
    max-width: 14%;
    padding: 5px;
}

.koboldname {
    font-family: "Reverb Bold";
    font-size: 1.4em;
}

.koboldcareer {
    font-style: italic;
}

.koboldstats ul {
    padding-left: 20px;
}

.koboldgadgetname {
    font-weight: bold;
}

.koboldgadgetdescription {
    font-size: 0.8em;
    font-style: italic;
}

.koboldgadgetreuse {
    color: red;
    font-size: 0.8em;
    font-style: italic;
}

.head {
    display: block;
    font-family: "Reverb";
    font-size: 2em;
    font-style: italic;
}

#passwordbox {
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    float: left;
    margin-right: 20px;
    margin-top: 10px;
    padding: 5px;
}

.passwordhead {
    font-family: "Reverb Bold";
    font-size: 1.4em;
}