/* CULTURES ******************************************************************************************/
.culture-body {
    text-align: center;
    word-wrap: normal;
    flex-wrap: wrap;
    background-color: #f3f3f3;
    border-radius: 10px;
    font-family: Georgia, 'Times New Roman', Times, serif;
}

.culture-totem {
    width: 200px;
    height: 450px;
    max-width: 100%;
    position: fixed;
    right: 10px;
    bottom: 10px;
    z-index: 100;
}

.culture-button, button {
    width: 100px;
    text-align: center;
    border-radius: 10px;
    border: 2px;
}

/*AIR CULTURE PAGE **********
*
*/

.culture-p-air {
    color: #44628a;
}

.b-air {
    border-color: #44628a;
    color: #44628a;
}

/*EARTH CULTURE PAGE **********
*
*/

.culture-p-earth {
    color: #537540;
}

.b-earth {
    border-color: #537540;
    color: #537540;
}

/*FIRE CULTURE PAGE **********
*
*/

.culture-p-fire {
    color: #753429
}

.b-fire {
    border-color: #753429;
    color: #753429;
}

/*LIGHT CULTURE PAGE **********
*
*/

.culture-p-light {
    color: #775925;
}

.b-light {
    border-color: #775925;
    color: #775925;
    background-color: #e7cc98;
}

/*SHADOW CULTURE PAGE **********
*
*/

.culture-p-shadow {
    color: #563e83;
}

.b-shadow {
    border-color: #563e83;
    color: #563e83;
}

/*VOID CULTURE PAGE **********
*
*/

.culture-p-void {
    color: #854570;
}

.b-void {
    border-color: #854570;
    color: #854570;
}

/*WATER CULTURE PAGE **********
*
*/

.culture-p-water {
    color: #192e68;
}

.b-water {
    border-color: #192e68;
    color: #192e68;
}

/*NULL CULTURE PAGE **********
*
*/

.culture-p-null {
    color: #223027;
}

.b-null {
    border-color: #223027;
    color: #223027;
}

/*OUTSIDER CULTURE PAGE **********
*
*/

.culture-p-other {
    color: #2c2c2c;
}

.b-other {
    border-color: #2c2c2c;
    color: #2c2c2c;
}