#bottom-bar {
    xborder:1px solid red;

    height:15%;
    z-index:1;


    display:flex;
    flex-direction:row;
    justify-content: center;
    align-items: center;


    background-color: rgb(30, 30, 30);
    /*
    border-style: solid;
	border-image-source: url('../img/border_simple.png');
	border-image-slice: 150;
	border-image-width: 3em;
	border-image-outset: 1;
	border-image-repeat: stretch;
    */
    border-top:3px solid rgb(52, 59, 73);
    box-shadow: 0px -5px 5px rgba(0,0,0,0.8);


    xborder-radius:5em 5em 4em 4em;
}

#bottom-bar > .tab {
    xborder:1px solid red;
    text-align: center;

    width:100%;
    max-width:150px;
    height:100%;
    display:flex;
    justify-content: center;
    align-items: center;
    background-color:transparent;




    /* testing button bg for bottom tabs */
    display:flex;
    flex-direction:column;
	justify-content: center;
    justify-content: space-evenly;
	align-items: center;

   
    xbackground-image: url('../img/button_fat.png');
    
  
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100% 90%;

    font-size:1em;
    xfont-family: Georgia, 'Times New Roman', Times, serif;
    font-family: consolas,monospace;
	text-transform: uppercase;

    color:#ffffff;
    
    
    xtransition: all 0.07s;

   
}

#bottom-bar > .tab > i {
    font-size:2.5em;
}



#bottom-bar :last-child {
    border-right:none;
}

#bottom-bar > .tab.selected {

    color:rgb(0, 140, 255);
    xcolor:lime;
    background-color:rgb(21, 22, 24);
    transform: translateY(0px);
    box-shadow: inset 0px 5px 5px 0px rgba(0,0,0, 0.8);
    xtext-shadow: 0px 0px 10px orange, 0px 0px 5px rgb(160, 160, 160);
    xtext-shadow: 0px 0px 10px rgb(0, 247, 255), 0px 0px 5px rgb(160, 160, 160);
    xfilter: drop-shadow(0px 0px 5px rgba(0, 0, 0, 0.9));

    text-shadow:0px 0px 10px rgba(0, 0, 0, 0.5), 
    0px 0px 3px rgba(0, 0, 0, 0.5),
    2px 2px 0px rgba(55, 5, 5, 0),
    0px 0px 15px rgb(0, 94, 255),
    0px 0px 10px rgba(255, 255, 255, 0);  


    color: #ffd748;
    text-shadow: 0 0 1vw #FA1C16, 0 0 3vw #FA1C16, 0 0 10vw #FA1C16, 0 0 0vw #FA1C16, 0 0 .4vw #FED128, 1px 1px 0px #806914;

}

#bottom-bar > .tab > .title {
    font-size:1em;
}