*{
    font-family: 'Lucida Grande', sans-serif;
    box-sizing: border-box;
}
body {
    background: #fff;
}

h1,h5,h6,h7,p {text-align: center;}

button{
    /* background: transparent; */
    border: 2;
    outline: 2;
}

.menu-button{
    font-size: 32px;
    background-color: lightgreen; 
    display: block;
    margin-left: auto;
    margin-right: auto;
    padding: 2px 3px;
    border-radius: 6px;
}

#play_options_table td,  #play_options_table th {
    width: 180px;
}
#bottom_options_table td,#bottom_options_table th{
    width: 120px;
}

#play_options_table th, #bottom_options_table th{
    background-color: mediumseagreen;
    border: 1px solid black;
    padding: 30px 30px;
    border-radius: 20px;
    text-align: center;
}
#play_options_table, #bottom_options_table{
    table-layout:fixed;
    word-wrap:break-word;
    border-collapse: separate;
    border-spacing: 10px 10px;
    cursor: pointer;
}
#play_options_table td{
    background-color: lightyellow;
}
#bottom_options_table td{
    background-color: lightgrey;
}

#bottom_options_table td{
    border: 1px solid black;
    padding: 10px 5px;
    border-radius: 20px;
    text-align: center;
}
#play_options_table td {
    border: 1px solid black;
    padding: 20px 20px;
    border-radius: 10px;
    text-align: center;
}
table {
    max-height: 300px;
    padding: 5px 5px;
    table-layout: fixed;
    /* width: 800px; */
    margin-left: auto;
    margin-right: auto;
}

#play_options_table, #bottom_options_table{
    background-color: #fff;
}




@media screen and (max-width: 499px) {
    /* MOBILE SCREEN FIX */

    h1 {font-size: 32px;}
    h5 {font-size: 16px;}
    h6 {font-size: 14px; font:italic;} 
    
    .btn-primary {
        background-color: #999; 
        display: block;
        margin-top: 80px; 
        margin-left: auto;
        margin-right: auto;
        padding: 2px 3px;
        border-radius: 6px;
    }
}

@media screen and (min-width: 500px) {
    /* NON-MOBILE SCREENS */
    
    h5 {font-size: 18px;}
    h6 {font-size: 16px;
        font:italic;
    }
    .btn-primary, h7{
        display: block;
        margin-left: auto;
        margin-right: auto;
        padding: 2px 3px;
        border-radius: 6px;
    }

}