body {
    background-color: black;
    /* background-image: url("mist3.png"); */
    font-size: 5px !important;
    /* font-family: 'Sniglet', cursive; */
    font-family: 'Open Sans', sans-serif;
    color: white;
    
}


.edit-icons{
    display:flex;
}

.edit-icons a{
    margin: 5%;
}

        #map {
            height: 100%;

            height: 500px;
            width: 500px;
        }

html * {
    font-size: 14px !important;
}

.table-dark th {
    font-size: 10px !important;
}

.build-card {
    height: 300px !important;

}

/* 
#masterySelect1,
#masterySelect2,
#nameInput {
    background-color: #557E88;
    color: white !important;
    border: 0px;
} */

a {
    color: white;
}

table-text-center th,
.table-text-center td {
    text-align: center;

}



.statsgroup {
    display: inline-block !important;
}

.btn-purple,
.bg-purple {
    background-color: purple;
}

.col-md-2{
    width: initial ;
}

.btn-brown,
.bg-brown {
    background-color: #AA7047;
}

.bg-sword {
    background-color: #808284;
}

.bg-fan {
    background-color: #006400;
}

.bg-heal {
    background-color: #B19CD9;
}

.bg-tai {
    background-color: #8FBC8F;
}

.bg-gf {
    background-color: #3F87B7;
}

/*
.bg-bubble {
    
    background: red;
  
    background: -webkit-linear-gradient(left, orange, yellow, green, cyan, blue, violet);
  
    background: -o-linear-gradient(right, orange, yellow, green, cyan, blue, violet);

    background: -moz-linear-gradient(right, orange, yellow, green, cyan, blue, violet);

    background: linear-gradient(to right, orange, yellow, green, cyan, blue, violet);

    
}
*/

.bg-bubble {
    
    background: teal;
}


.statsInput {
    width: 92px;
}
.maxLvlInput {
    width: 130px;
}


.blackText{
    color: black;
    background-color: 	#F5F5F5;
}



#msteryOutput1 div,
#msteryOutput2 div {
    font-size: 12px !important;
    align-content: flex-start;
    text-align: left;
}

.potdBox {
    margin-left: -15px;
}

.potdBox {
    text-align: center;
}

.potdBox h2 {
    margin-top: 10px;
    font-size: 23px !important;
    font-weight: 800;
}

.potdBox h5 {

    font-style: italic;
}

#weaponSelect option[value='none'] {
    background-color: #2A5E6A !important;
    color: white;
}

.footer {
    border-top: 2px black solid;
}