:root {
    --bg:           #000000;
    --border:       #fffa00;
    --border2:      #60229a;
    --primary:      #1f003c;
    --text:         #ffffff;
    --roomname:     #ffff00;
    --roomdesc:     #ffffaa;
    --items:        #ffffff;
    --response:     #ffff00;
    --exits:        #ffffff;
    --inventory:    #fc89ff;
    --lastcommand:  #aaaaaa;
}

body {
    background-color: var(--bg);
    font-family: monospace;
}

.title {
    text-align: center;
}

h1 {
    font-size: 14pt;
    padding: 0;
    margin: 0;
}

.token {
    border: solid 1px var(--border2);
    padding: 2px;
    margin: 2px;
    border-radius: 5px;
    display: inline-block;
    width: inherit;
}

.region {
    color: var(--text);
    border: solid 2px var(--border);
    background: var(--primary);
    padding: 5px;
    margin: 5px 0;
}

.region2 {
    color: var(--text);
    border: solid 2px var(--border2);
    background: var(--primary);
    padding: 0px;
    margin: 5px 0;
}

.region p,
.region2 p {
    padding: 0;
    margin: 0;
}

.region span,
.region2 span
{
    background: var(--border2);
    width: 100%;
    display: block;
    padding: 0;
    margin: 0;
    color: #fff;
}

#log {
    width: 90%;
    height: 200px;
    display: block;
    margin: 0 auto;
    font-size: 12pt;
    background: var(--log);
    color: var(--logtxt);
    border: solid 1px var(--border);
    padding: 5px;
    overflow: scroll;
}

#lastCommand {
    color: var(--lastcommand);
    font-size: 12pt;
}

#roomName {
    color: var(--roomname);
    font-weight: bold;
    font-size: 16pt;
}

#roomDesc {
    color: var(--roomdesc);
    font-size: 16pt;
}

#items {
    color: var(--items);
    font-size: 14pt;
}

.field p {
    padding: 0;
    margin: 0;
}

#exits {
    color: var(--exits);
    font-size: 14pt;
}

#response {
    color: var(--response);
    font-size: 14pt;
}

#inventory {
    color: var(--inventory);
    font-size: 14pt;
}

#controlPanel {
    width: 90%;
    margin: 0 auto;
    text-align: center;
}

#prompt {
    width: 90%;
    height: 100px;
    font-size: 20pt;
    margin: 2%;
}
