.charsheet {
    background-image: url("https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Shadows%20Over%20Sol/sos-background.jpg");
    background-size: contain;
    background-repeat: repeat-y;
    background-color: black;
}

.charsheet label {
    display: inline-block;
    width: 95px;

    color: white;
    text-shadow:
        -1px -1px 0 #000,
        1px -1px 0 #000,
        -1px 1px 0 #000,
        1px 1px 0 #000;
}

.charsheet h2 {
    color: white;
    text-shadow:
        -1px -1px 0 #000,
        1px -1px 0 #000,
        -1px 1px 0 #000,
        1px 1px 0 #000;
    border-bottom: 1px black solid;
    margin-bottom: 10px;
}

.charsheet textarea {
    width: 100%;
    max-width: 97%;
}

.charsheet select {
    width: 110px;
}

.charsheet input[type="number"].sheet-stat-number {
    width: 50px;
}

.sheet-xp {
    color: white;
    text-shadow:
        -1px -1px 0 #000,
        1px -1px 0 #000,
        -1px 1px 0 #000,
        1px 1px 0 #000;
}

.sheet-top-text {
    width: 500px;
}

.sheet-headings {
    display: inline-block;
    width: 80%;
    float: left;
    margin-top: 15px;
}

div.sheet-logo {
    display: inline-block;
    width: 20%;
    float: left;
}

img.sheet-logo {
    float: right;
    max-width: 150px;
    width: 100%;
}

.sheet-experience {
    width: 100%;
}

.sheet-stat-roll {
    text-align: right;
}

.sheet-skill-roll {
    float: right;
}

.sheet-spacer {
    width: 100%;
    height: 10px;
}

.sheet-custom-skill {
    color: white;
    background: transparent;
    font-weight: bold;
    font-size: 1.2em;
    border: none;
    text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000;
    width: 150px;
}

.sheet-right-align {
    text-align: right;
    margin-right: 32px;
}

.sheet-stat-label {
    width: 130px;
    float: left;
}

[name=attr_Consequences] {
    height: 100px;
}

.sheet-damage-severity {
    width: 50px;
}

.sheet-max-cur-pair {
    display: inline-block;
    color: white;
    text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000;
}

.sheet-block {
    clear: both;
}

.sheet-block-label {
    width: 100%;
    display: block;
}

.sheet-block-label > span {
    display: inline-block;
    width: 19%;
}

.sheet-block-label > input {
    width: 80%;
}

.sheet-attack-block {
    margin-bottom: 30px;
}

.sheet-attack-name {
    color: white;
    background: transparent;
    font-weight: bold;
    font-size: 1.3em;
    border: none;
    text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000;
    width: 100%;
}

.sheet-attack-properties {
    color: white;
    background: transparent;
    font-size: 1.1em;
    border: none;
    text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000;
    width: 100%;
}

.sheet-attack-damage {
    color: white;
    font-size: 1.5em;
    text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000;
}

.sheet-attack-mod {
    display: inline-block;
}