#game svg {
    width: 50px;
    height: auto;
    z-index: 100;
}

@keyframes explode {
    0% {
        transform: scale(1);
        opacity: 8;
    }

    100% {
        transform: scale(90);
        opacity: -0.5;
    }
}

#safety {
    position: absolute;
    width: calc(50% - 10px);
    height: 66%;
    background-color: aquamarine;
    padding: 10px;
}

#power {
    position: absolute;
    width: calc(50% - 10px);
    left: 50%;
    height: 66%;
    background-color: darkred;
    padding: 10px;
}

#clicker {
    position: absolute;
    width: 100%;
    left: 0%;
    top: 100%;
    transform: translate(0, -100%);
    height: 34.3%;
    background-color: gray;
}

#safety p {
    text-align: center;
}

#power p {
    text-align: center;
}

hr {
    color: black;
    border: 1px solid black;
    width: 110%;
    margin: -10px;
}

#sellEnergy {
    position: absolute;
    width: 300px;
    height: 300px;
    background-color: cadetblue;
    color: rgb(78, 90, 90);
    left: 50%;
    top: 50%;
    border: 0;
    border-radius: 50%;
    transform: translate(-50%, -50%);
    transition: background-color 0.3s ease, box-shadow 0.3s ease, color 0.3s ease;
}

#sellEnergy:hover {
    color: black;
    background-color: aqua;
    cursor: pointer;
    box-shadow: 0px 0px 23px 11px #33ff00;
}