* {
    font-family: 'Times New Roman';
  }

body, p {
    color: black;
    background-color: ghostwhite;
    overflow: hidden;
}

.background{
    background-color: ghostwhite;
}

input[type=button] {
    cursor: pointer;
}

input[type="text"], input[type="password"], input[type="number"], textarea, option, select, optgroup {
    background-color: ghostwhite;
    color: black;
}

hr{
    display: block;
    width: 50%;
    margin-left: auto;
    margin-right: auto;
}

.border{
    border: 1px solid black;
}

.red, .Red, .attack, .Attack, .knight, .Knight {
    background-color: red;
}

.green, .Green, .limegreen, .LimeGreen, .limeGreen, .victory, .Victory {
    background-color: limegreen;
}

.gray, .Gray, .grey, .Grey, .lightgray, .action, .Action, .guild, .Guild, .prize, .Prize {
    background-color: lightgray;
}

.gold, .Gold, .treasure, .Treasure, .potion, .Potion{
    background-color: gold;
}

.blue, .Blue, .dodgerblue, .dodgerBlue, .DodgerBlue, .reaction, .Reaction{
    background-color: dodgerblue;
}

.defense, .Defense{
    background-color: #88C4FF;
}

.pink, .Pink, .shelter, .Shelter{
    background-color: pink;
}

.brown, .Brown, .ruin, .Ruin, .ruins, .Ruins, .looter, .Looter{
    background-color: brown;
}

.purple, .Purple, .mediumorchid, .Mediumorchid, .curse, .Curse{
    background-color: mediumorchid;
}

.orange, .Orange, .duration, .Duration{
    background-color: orange;
}

.teal, .Teal, .AncientOne, .ancientone, .ancient_one, .Ancient_One {
    background-color: #63D1F4;
}

.growth, .Growth{
    background: linear-gradient(to bottom right, #00ffff 30%, #009900 70%);
}

.other, .Other {
    background: linear-gradient(to bottom right, #cc0000 30%, #000099 70%);
}

.awesome, .Awesome {
    background: linear-gradient(to bottom right, #ffffff 0%, #000000 100%);
}

.event, .Event{
    background-color: #b35900;
}

.settingsColorSelected {
    border: 3px solid black;
}

.settingsColorUnselected{
    border: 3px solid ghostwhite;
}

.domCardClickable {
    cursor: pointer;
    text-decoration: none;
    color: black;
}

.openedTab{
    color: black;
    background-color: lightgray;
}