*{
    font-family: manrope;
}
body {
    background-color: #0a0a23;
}

#text{
    background-color: #0a0a23;
    color:#ffffff;
    padding: 10px;
}

#game{
    text-align: center;
    max-width: 500px;
    max-height: 300px;
    background-color: #ffffff;
    color: #ffffff;
    margin: 150px auto 0 auto;
    padding: 10px;
}

#controls,#stats{
    border: 1px solid #0a0a23;
    color:#0a0a23;
    padding: 5px;

}
#monsterStats{
    display: none;
    border: 1px solid #0a0a23;
    padding: 5px;
    color: #ffffff;
    background-color: #c70d0d;
}
.stat{
    padding-right: 10px;
}

button{
    cursor: pointer;
    color: #0a0a23;
    background-color: #feac32;
    background-image: linear-gradient(#fecc4c,#ffac33);
    border:3px solid #feac32;
}