/* Arena, Sewers of Kald, New Adventures, adventure dialogs */

.newAdvButton {
    background-image: linear-gradient(silver, white, silver);
    border: solid thin;
    margin: 2%;
    width: 20%;
    border-radius: 6px;
    text-align: center;
}

.advButton {
    background-image: linear-gradient(silver, white, silver);
    border: solid thin;
    margin: 2%;
    border-radius: 6px;
    padding: 2% 8%;
    text-align: center;
}

    .adventureButton {
        background-image: linear-gradient(silver, white, silver);
        border: solid thin;
        margin: 2%;
        border-radius: 6px;
        padding: 2% 8%;
        text-align: center;
    }

    .renewButton {
        background: lavender;
        color: blueviolet;
        border: outset;
        margin: 4%;
        width: 80%;
        border-radius: 10px 10px;
        padding: 2%;
        text-align: center;
    }

    .nameAdvPosition {
        position: absolute;
        bottom: 91.5%;
        left: 50%;
        transform: translate(-50%, 50%);
        font-size: 7.4vw;
    }

    .strAdvPosition {
        position: absolute;
        bottom: 80%;
        left: 32%;
        transform: translate(-50%, 50%);
        font-size: 7.4vw;
    }

    .dexAdvPosition {
        position: absolute;
        bottom: 80%;
        left: 71%;
        transform: translate(-50%, 50%);
        font-size: 7.4vw;
    }

    .adjDexAdvPosition {
        position: absolute;
        bottom: 80%;
        left: 83%;
        transform: translate(-50%, 50%);
        font-size: 7.4vw;
    }

    .intAdvPosition {
        position: absolute;
        bottom: 69.5%;
        left: 32%;
        transform: translate(-50%, 50%);
        font-size: 7.4vw;
    }

    .maAdvPosition {
        position: absolute;
        bottom: 69.5%;
        left: 75%;
        transform: translate(-50%, 50%);
        font-size: 7.4vw;
    }

    .tyro {
        display: none;
        padding: 10px;
        border: solid thin;
        border-color: DarkGoldenroD;
        background-color: AntiqueWhite;
        color:SaddleBrown;
    }

    .architect {
        display: none;
    }

    .wizard {
        display: none;
    }

    .elf {
        display: none;
    }

    .dwarf {
        display: none;
    }

    .areaKnowledge {
        display: none;
    }

    .literacy {
        display: none;
    }

    .acuteHearing {
        display: none;
    }

    .alertness {
        display: none;
    }

    .naturalist {
        display: none;
    }

    .chemist {
        display: none;
    }

    .debugID {
        color:olive;
        display: none;
    }

.littleButton {
  border: solid thin;
  border-radius: 2px;

}

.mmButton {
    background: lightgrey;
    border: outset;
    margin: 4%;
    width: 35vw;
    border-radius: 10px 10px;
    padding: 2%;
    text-align: center;
}

.sleepWindow {
    position: absolute;
    top: 0%; left: 0%;
    bottom: 0%;
    right: 0%;
    vertical-align: middle;
    opacity: 0;
    transition: opacity 4s;
    font-size: medium;
    background-color: black;
    color:brown;
    z-index: 999;
    display: none;
}