#experimentNr {
    position: absolute;
    top: 10%; left: 5vw;
    font-weight: bolder;
    font-size: 2em;
    animation: experimentPulse 14s ease 0s infinite;
}
@keyframes experimentPulse {
    from {
        color: rgba(255, 255, 255, 0);
        text-shadow: -15px 0 0.6vh rgb(236, 89, 89), 15px 0 0.6vh rgrgb(30, 215, 240)
    }
    9% {
        color: #fff;
        text-shadow: -9px 0 0.6vh rgb(228, 124, 124), 9px 0 0.6vh rgb(69, 212, 231);
    }
    99% {
        text-shadow: -4px 0 0.6vh rgb(228, 124, 124), 4px 0 0.6vh rgb(69, 212, 231);
    }
    to {
        color: #fff;
        text-shadow: -15px 0 0.6vh rgb(236, 89, 89), 15px 0 0.6vh rgrgb(30, 215, 240)
    }
}
#energyDisplay {
    position: absolute;
    top: 15%;
    width: 100vw;
    text-align: center;
    background: rgb(255,255,255);
    background: linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(41,41,41,1) 50%, rgba(255,255,255,0) 100%);
    font-weight: bolder;
    font-size: min(4em, 8vh, 8vw);
    text-shadow: 0 0 1.4vh rgb(226, 219, 156), 0 0 1.4vh rgb(226, 219, 156);
    box-shadow: 0 0 3vh rgb(226, 219, 156);
}
#energyGainDisplay {
    top: 22%;
    font-weight: bolder;
    font-size: min(2em, 4vh, 4vw);
    text-shadow: 0 0 .8vh rgb(226, 219, 156), 0 0 .8vh rgb(226, 219, 156);
    opacity: 0.7;
}

#innerContents {
    --l: min(90%, 80vh);
    position: absolute;
    left: calc(50% - var(--l)/2); top: 30%;
    width: var(--l); height: 60%;
    border: 0.3vh solid #fff;
    box-shadow: 0 0 0.8vh rgb(189, 186, 176), 0 0 2.4vh rgb(255, 255, 255) inset;
}
#innerContentsNav {
    display: flex;
    width: 100%; height: 10%;
}
#innerContentsNav > * {
    display: flex;
    flex: 1;
    justify-content: center;
    align-items: center;
    height: 100%;
    font-size: 1.2em;
    font-weight: bold;
    border-bottom: 0.3vh solid #fff;
    background-color: rgba(61, 46, 4, 0.5);
    transition: 
        color var(--tFunc1) 0.4s,
        background-color var(--tFunc1) 0.4s,
        box-shadow var(--tFunc1) 0.2s,
        text-shaow var(--tFunc1) 0.2s;
    cursor: pointer;
}
#innerContentsNav > *:hover {
    color: rgb(61, 46, 4);
    background-color: #fff8;
    box-shadow: 0 0 2.3vh #222 inset;
    text-shadow: 0 0 1vh #07133D;
}
#innerContentsNav > *:not(:last-child) {
    border-right: 0.3vh solid #fff;
}
.contentNamespace {
    --p: max(0.5vw, 30px);
    padding: 1vh var(--p);
    width: calc(100% - var(--p) * 2);

    text-shadow: 0 0 1.2vh #000;
    font-size: 2em;
    font-weight: bold;
    
    background: rgb(84,66,0);
    background: linear-gradient(90deg, rgba(84,66,0,1) 0%, rgba(200,157,3,1) 44%, rgba(255,255,255,0) 100%);
}

.upgradeBtn {
    border-radius: 1vh;
    border: 0.3vh solid rgb(105, 90, 6);
    box-shadow: 0 0 1vh rgb(105, 90, 6) inset, 0 0 1.8vh rgb(105, 90, 6);
    background-color: rgba(190, 216, 130, 0.533);

    font-size: 1.2em;
    font-weight: bold;
    color: rgb(51, 235, 45);
    text-shadow: 0 0 0.8vh rgb(55, 131, 5);

    transition:
        color var(--tFunc1) 0.2s,
        border var(--tFunc1) 0.4s,
        box-shadow var(--tFunc1) 0.4s,
        background-color var(--tFunc1) 0.4s;
}
.upgradeBtn:not(.disabled) {
    cursor: pointer;
}
.upgradeBtn:not(.disabled):hover {
    border: 0.3vh solid rgb(168, 146, 16);
    box-shadow: 0 0 2.3vh rgb(168, 146, 16) inset, 0 0 0.5vh rgb(168, 146, 16);
    background-color: rgb(73, 71, 64);
}
.upgradeBtn.disabled {
    color: rgb(230, 34, 34);
    text-shadow: 0 0 0.8vh #222;
    border: 0.3vh solid rgb(44, 38, 6);
    box-shadow: 0 0 1vh rgb(44, 38, 6) inset, 0 0 1.8vh rgb(44, 38, 6);
    background-color: rgba(85, 90, 73, 0.533);
}

#exitExperiment {
    padding: max(.5vh, .5vw);
    position: absolute;
    top: 2vh; left: 2vw;
    z-index: 5;
    opacity: 0.6;
    font-weight: bold;
    font-size: 1.4em;
    cursor: pointer;

    transition: 
        opacity var(--tFunc1) 0.3s,
        transform var(--tFunc1) 0.3s,
        text-shadow var(--tFunc1) 0.3s;
}
#exitExperiment:hover {
    opacity: 1;
    transform: scale(1.1);
    text-shadow: 0 0 0.5vh #fff;
}