body {
    background-color: #B2E0E0;
    text-align:center;
}

#container{
    text-align: center;
    background-color: #fff;
    width: 80%;
    height: auto;
    padding: 10px;
    margin-left: auto;
    margin-right: auto;
}

#stats {
    background-color: #B2E0E0;
    width: 460px;
    margin: 15px;
    padding: 10px;
    margin-left: auto;
    margin-right: auto;
}

#stats p {
    display:inline-block;
}

#stats div {
    display:inline-block;
}

.races {
    display:inline-block;
    margin-left: 10px;
    margin-right: 10px;
}

.classes {
    display:inline-block;
    margin-left: 10px;
    margin-right: 10px;
}

.selection {
    display: none;
}

.active {
    display: block;
}

img {
    height: 200px;
    border-width: 5px;
    border-style: solid;
    border-color: #fff;
}

.btn {
    display: inline-block;
    height:20px;
    width:70px;
    background-color:#cc0000;
    font-family:arial;
    font-weight:bold;
    color:#ffffff;
    border-radius: 5px;
    text-align:center;
    margin-top:2px;
}

.onward, .back {
    display: inline-block;
    height:20px;
    width:100px;
    background-color:#666666;
    font-family:arial;
    font-weight:bold;
    color:#ffffff;
    text-align:center;
    margin-top:2px;
}

.selected {
    border-width: 5px;
    border-style: solid;
    border-color: #FFFF99;
}

.descr {
    font-family:arial;
    color: black;
    background-color:#b2b2b2;
    border-radius: 5px;
    text-align:center;
    margin-right: 120px;
    margin-left: 120px;
    margin-bottom: 5px;
    padding: 1px;
    display: none;
}

#battle {
    display: inline-block;
    height:20px;
    width:70px;
    background-color:#cc0000;
    font-family:arial;
    font-weight:bold;
    color:#ffffff;
    border-radius: 5px;
    text-align:center;
    margin-top:2px;
}