/* The "Menu" button */
#top-buttons {
    xborder:1px solid red;
    position:absolute;
    top:0;
    width:100%;
    height:10%;
    padding:5px;
    pointer-events: none;

    display:flex;

    justify-content: left;
    xjustify-items: right;
    xalign-items: right;
    xalign-content:right;
}


#top-buttons > .top-button{
    left:0;
    xwidth:10%;
    height:100%;
    aspect-ratio:1/1;
    z-index: 3;

    xmargin: 10px 40px 0px 0px;
    margin-top:5px;
    pointer-events: auto;


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


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

    text-align: center;
    font-size:1em;
    font-family: Georgia, serif;
	text-transform: uppercase;
    color:#ffffff;
    text-shadow: 0px 0px 10px orange, 0px 0px 5px rgb(160, 160, 160);

    filter: drop-shadow(3px 3px 5px rgba(0, 0, 0, 0.9));
}


#top-buttons > .top-button:active {
    background-image: url('../img/button_fat_dark.png');
    font-size:0.95em;
}