/*all-In-One/ whole background changes START*/
.all-In-One{
    background-image: url(../images/beeHive\ Background.jpg);
}

/*all-In-One END*/
/* chatBox START */ 
.chatBox{
    background-color: tan;
}

.chatBox p{
    background-color: white;
    text-align: center;
    border-radius: 37%;
    margin-left: 13%;
}

.buzzBee{
    width: 23%;
    position: relative;
    margin-top: -19%;
    margin-left: 45%;
}

.totalCounter ul li{
    list-style-type: none;
    display: inline-block;
    padding-inline:16%;
}


#totalBees{
    background-image: url(../images/theHive.png);
    background-size: contain;
    background-repeat: no-repeat;
    width:20%;
}

#totalPollen{
    background-image: url(../images/thePollen.png);
    background-size: contain;
    background-repeat: no-repeat;
    width: 20%;
}

#totalHoney{
    background-image: url(../images/theHoney.png);
    background-size: contain;
    background-repeat: no-repeat;
    width: 20%;
}
/* chatBox section END */

/*queenClicker START*/

.queenClicker button{
    border-radius: 50%;
    background-color: transparent;
    border-color: white;   
    box-shadow:
      0 0 60px 30px yellow,  /* inner white */
      0 0 100px 60px white, /* middle magenta */
      0 0 140px 90px transparent; /* outer cyan */
}

/* queenClicker END*/

/*beeStore START*/

.beeStore h5{
    text-align: center;
}

.beeStore{
    background-color: greenyellow;
    text-align: center;
}

.beeStore ul li{
    list-style-type: none;
}

/*
#beesAvaliable{
    list-style-image: url(../images/Bee\ avaliable\ .jpg);
} Note: this may need to be either deleted or consolidated later


#beesAvaliable{
    background-image: url(../images/Bee\ avaliable\ .jpg);
    background-size: contain;
    background-repeat: no-repeat;
    width: 20%;
}

#beePollen{
    background-image: url(../images/Bees\ getting\ pollen.jpg);
    background-size: contain;
    background-repeat: no-repeat;
    width: 20%;
}

#beeHoney{
    background-image: url(../images/Bees\ making\ honey.jpg);
    background-size: contain;
    background-repeat: no-repeat;
    width: 20%;
}
*/


/*beeStore END*/

/*gameReset START*/

.gameReset{
    color: red;
}

.outside{
    color:royalblue;
    text-align: right;
}

/*-----------------------------------------------*/
/* Honey Bunny Section START*/
.all-In-One-Boss{
    background-color: green;
}

#hiveDefense{
    width: 20%;
}

#honeyBoss{
    width: 20%;
}

.returnToHive{
    color: royalblue;
    background-color: yellow;
}