html{
    display: grid;
    margin: 0 ;
    padding: 0;
    width: 100%;
    height: 100%; 
    background: #23272a;
    user-select: none !important;
    /* align-items: center; 0e182c*/
}
body
{
    margin: 0;
    padding: 0;
    width: 100%;
    height: 100%;
    background: #0C0D0E;
}
canvas
{
    padding: 0;
    margin: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}
#menu
{
    align-items: center;
    justify-items: center;
    display: grid;
    grid-template-rows: 1.6fr .8fr 8fr;
    grid-template-columns: 1fr;
    padding: 0;
    margin: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    z-index: 100;
    background: darkgrey;
}
#title
{
    grid-row: 1/2;
    grid-column: 1/2;
    font-size: 3em;
}
#dropdown
{
    grid-row: 2/3;
    grid-column: 1/2;
}
#levelSelect
{
    grid-row: 3/4;
    grid-column: 1/2;
    display: grid;
    width: 100%;
    height: 100%;
    grid-template-rows: repeat(auto-fill, minmax(100px, 1fr));
    grid-template-columns: repeat(auto-fill, minmax(100px, 1fr));
}
.center
{
    /* width: 100%;
    height: 100%; */
    text-align: center;
    align-self: center;
}
.img_btn 
{
    display: block;
    max-width:80px;
    max-height:80px;
    min-width:40px;
    min-height:40px;
    width: auto;
    height: auto;
    margin: auto;
}