th{
    width:6em;
}
td{
    text-align: right;
}
td.left{
    text-align: left;
}
table.left td{
    text-align: left;
}
td div{
    border:1px solid var(--medium);
    background: linear-gradient(var(--darker) 5%,var(--mediumdark));
    color:var(--light);
    font-weight: bold;
    margin:0.1em;
    text-align: center;
}


div#editWindow{
    background: linear-gradient(var(--darker),var(--mediumdark));
    border:0.1em solid var(--lighter);
    border-radius: 0.3em;
    max-width: 20em;
    padding:0em 1em;
    margin:auto;
    font-size: 1em;
    color:var(--light);
    box-shadow: 0.5em 0.5em 0.2em 0em var(--dark);
}

div#editWindow button{
    
    background: linear-gradient(var(--mediumdark),var(--darker)) ;
    box-shadow: 0.5em 0.5em 0.2em 0em var(--medium);
    font-size: inherit;
    font-weight: bold;
    display:block;
    width:80%;
    margin: 1em auto;
}

@media(min-width:35em){
    div#editWindow button{
        display:inline;
        width:6em;
        margin-bottom: 1em;
    }

    div#editWindow{
        font-size: 1.3em;
    }
}

div.dialogBox{
    width:25em;
}