* { 
    padding: 0; 
    margin: 0; 
}
html { 
    background: url("https://media2.giphy.com/media/U3qYN8S0j3bpK/giphy.webp?cid=790b76119b80dadec7df9030ec6f4f38fc34b2e41e469c0a&rid=giphy.webp"); 
} 
canvas {
    display: block; 
    margin: 0 auto; 
    background: rgb(132, 179, 120);
    border: 4px inset;
}
div {
    overflow: hidden;
    box-sizing: border-box;
}
/* classes in order from back to front */
.container {
    display: flex;
    /* background of webpage */
    justify-content:center;
    padding-top: 85px;
}
.base {
    background-color: #e7e2e2;
    display: flex;
    height:90vh;
    width:700px;
    justify-content:center;
    align-items:center;
}
.child { 
    background-color: #858080;
    display:flex;
    justify-content: center;
    align-items:center;
    height:80vh;
    width:600px;
    border:groove 3px;
    flex-direction:column;
}
.gamecontainer {
    background-color: #379c64;
    display:flex;
    justify-content: center;
    height:70vh;
    border: inset 3px;
    text-align:center;
}

#curvedtopbordersonly { 
    border-top-left-radius:8px;
    border-top-right-radius:8px;}