section {
    display: block;
    width: 800px;
    margin: auto;
}

section.blank {
    width: 500px;
}

section.blank span#character,
section.blank span#action {
    background-color: #303030;
    padding: .3em .5em;
}

section.blank table {
    width: 100%;
}

section.blank table th {
    width: 120px;
    text-align: left;
}

section.blank table td {
    text-align: left;
    padding: .4em 0;
}

section.blank table input,
section.blank table button,
section.blank table #modifierText {
    padding: .3em .5em;
}

section.blank table input[name="dice"] {
    width: 3em;
}

section.blank table td#bonuses ul {
    list-style: none;
    padding: 0;
}

section.blank table td#bonuses li {
    display: flex;
    justify-content: space-between;
    align-items: center;
    align-content: stretch;
}

section.blank table td#bonuses li > span {
    flex: 1 auto;
    margin: .3em;
}

section.blank table td#bonuses li > span input {
    width: 100%;
}

select#type {
    width: 100%;
    padding: .3em .5em;
}

/*******************************************/
section.dice .diceresult {
    border: 1px solid;
    margin: 10px 0;
    padding: 10px;

}

section.dice textarea {
    height: 7.2em;
    resize: vertical;
}


/*******************************************/
section.resultcode .source {
    margin: 10px 0;
    padding: 25px 10px 10px;
    position: relative;
    cursor: pointer;
    font: normal 1em Consolas;
    text-align: left;
    border: 1px solid;
    background: #202020;
}

section.resultcode .source:before {
    content: '\041D\0430\0436\043C\0438\0442\0435  \043D\0430  \0431\043B\043E\043A  \0434\043B\044F  \0432\044B\0434\0435\043B\0435\043D\0438\044F';
    color: #E08010;
    position: absolute;
    top: 5px;
    left: 0;
    width: 100%;
    text-align: center;
}

section.resultcode .source:hover:before {
    color: #F3AF5F;
}


/*******************************************/
.fucking_overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    background-color: #101010;
    align-items: center;
}

.fucking_overlay span {
    display: block;
    flex: 1 auto;
}