body{
    background-image: url("./images/bg.jpg");
    color: white;
}
#disclaimer{
    padding-top: 20px;
    width: fit-content;
    margin: 0 auto;
}

#disclaimer tr, #disclaimer th, #disclaimer td{
    border: 2px solid white;
    padding: 8px;
}

#attackdata tr, #attackdata th, #attackdata td{
    border: 1px solid white;
    padding: 3px;
    font-size: 20px;
}

#attackdata tr:nth-of-type(odd){
    background-color: black;
    opacity: 90%;
}

#attackdata tr:nth-of-type(even){
    background: rgb(41, 37, 37);
    opacity: 90%;
}

.enemyname{
    color: deepskyblue;
}

.enemyattacks {
    color: lightcoral;
}

.enemyscore{
    color: lightgreen;
}

.enemyaverage{
    color: aquamarine;
}

#attackdata a, #attackdata a:visited{
    text-decoration: underline;
    color: deepskyblue;
}

.hitpoints{
    color: lightgreen;
}

.energy{
    font-style: normal;
    color: greenyellow;
}

.drug{
    font-style: normal;
    color: lightgreen;
}

.medical{
    font-style: normal;
    color: lightskyblue;
}

.booster{
    font-style: normal;
    color: lightpink
}

.membername{
    font-style: normal;
}

#apidiv em{
    font-size: 15px;
    text-align: left;
}

#apiKey{
    height: 25px;
    border-radius: 4px;
}

#chain{
    min-width: 50%;
}

#energylevels{
    min-width: 50%;
    text-align: left;
}

a.member{
    color: white;
    text-decoration: none;
}

.onlinestatus{
    float: right;
    text-decoration: none;
    color: #555555;
    font-size: smaller;
    padding-right: 10px;
}

.onlinestatus::after{
    clear: both;
    content: "";
    display: table;
}

#apidiv{
    text-align: center;
    width: fit-content;
    padding: 15px;
    font-size: 25px;
    display: block;
    opacity: 90%;
    margin: 0 auto;
    border-radius: 10px;
    background-color: rgb(41, 37, 37);
}

#apidiv input button {
    background-color: red;
}

#main{
    display: none;
    margin: auto;
    width: 80%;
    border: 3px solid grey;
    border-radius: 5px;
    background-color: black;
    opacity: 90%;
    padding-left: 5px;
    padding-right: 5px;
}

#main tr, #main td, #main th{
    border: 1px solid grey;
}

#members th{
    background: red;
}

#main tr:nth-of-type(odd){
    background-color: black;
}

#main tr:nth-of-type(even){
    background: rgb(41, 37, 37);
}

#main tr td{
    text-align: center;
}

#main table{
    width: 100%;
    margin: 0 auto;
}

#userclock{
    width: 100%;
    font-size: 50px;
    margin: 0 auto;
    text-align: center;
}

#tornclock{
    width: 100%;
    text-align: center;
    margin: 0 auto;
    font-size: 50px;
}