*{
    box-sizing: border-box;
}
html,body{
    width: 100%;
    /* overflow-x: hidden; */
    margin: 0;
    padding: 0;
}
header{
    width: 100%;
    padding: 1em;
    color: white;
    background-color: teal;
}
.w-50{
    width: 50%!important;
}
.row{
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.container{
    width: 100%;
    height: 60vh;
}
canvas {
    border: 1px solid #ccc;
    width: 100%;
    height: 100%;
}

.game-menu{
    width: 90%;
    display: flex;
    flex-wrap: wrap;
    padding: 1em;
    margin: 1em;
    justify-content: space-between;
    align-items: center;
}

.game-button{
    background-color: teal;
    box-shadow: none;
    border: none;
    border-radius: 10px;
    padding: 1em 2em;
    font-size: 1em;
    color: white;
    cursor: pointer;
}

.game-button:disabled{
    background-color: lightsteelblue;
}