.title {
    text-align: center!important;
    display: block;
    margin: 10px;
}

.flexDisplay {
    display: flex;
    height: 420px;
}

.panels {
    padding: 2%;
}

.sides {
    max-width: 15%;
    width: 100%;
}

.middle {
    overflow: auto;
    max-width: 70%;
    width: 100%;
}

#heroStats, #textBox, #enemyStats {
    border: 5px solid black;
}

#controlDock {
    border: 5px solid black;
    display: flex;
    justify-content: space-evenly;
    height: 50px;
    align-items: center;
}

body {
    background-image: url(https://wallpaperaccess.com/full/2796645.jpg);
    background-position: center;
}