body {
    background-image: url(images/Dungeon_Tiles_BIG_Mossy.png);
}
.body {
    color: #33ff33;
    font-family: monospace;
    font-weight: bold;
    margin: auto;
    max-width: 1000px;
}
.terminal {
    background-color: #000000;
    color: #33ff33;
    border: 5px solid #33ff33;
    height: 500px;
    text-align: top;
    padding: 10px;
}
.textbox1 {
    background-color: #000000;
    color: #33ff33;
    border: 5px solid #33ff33;
    text-align: top;
    width: 100%;
    height: 35px;
    font-family: monospace;
    font-size: large;
    padding: 10px;
}
.textbox2 {
    background-color: #330000;
    color: #33ff33;
    border: 5px solid #33ff33;
    text-align: top;
    width: 100%;
    height: 35px;
    font-family: monospace;
    font-size: large;
    padding: 10px;
}
form {
    margin-top: 5px;
    margin-bottom: 5px;
}
.characters {
    display: flex;
    justify-content: space-around;
}
.char {
    background-color: #000000;
    margin-top: 5px;
    margin-bottom: 5px;
}
.warrior {
    background-color: #000000;
    border: 10px solid #ff0000;
    height: 270px;
    width: 200px;
    margin-left: 25px;
    padding: 10px;
}
.ranger {
    background-color: #000000;
    border: 10px solid #00ff00;
    height: 270px;
    width: 200px;
    margin-left: 25px;
    margin-right: 25px;
    padding: 10px;
}
.wizard {
    background-color: #000000;
    border: 10px solid #0000ff;
    height: 270px;
    width: 200px;
    margin-right: 25px;
    padding: 10px;
}
.inventory {
    background-color: #000000;
    border: 5px solid #33ff33;
    height: 300px;
    padding: 10px;
    margin-top: 10px;
}
.credits {
    background-color: #000000;
    border: 5px solid #33ff33;
    height: 300px;
    padding: 10px;
    margin-top: 10px;
}
.title {
    text-align: center;
    font-size: 1.5em;
}
.hide {
    display: none;
}