body {
    background-color: skyblue;
    
}
div, button {
    position: absolute;
    margin: auto;
}
#soundtoggle {
    width: 12%;
    height: 3%;
    left: 1%;
    bottom: 0.5%;
    font-size: 1.5vh;
    border-radius: 10px;
    font-weight: bold;
    color: rgba(0,0,0,0.7);
    background-color: rgba(100,200,100,0.5);
}
#container, #menuoverlay {
    width: 90vh;
    height: 90vh;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
}
#menuoverlay {
    display: none;
    width: 80vh;
    height: 80vh;
    border-radius: 10px;
    /*border: 1px silver outset;*/
    /*background-color: rgba(255,255,255,0.4);*/
}
#dogoptions, #leveloptions {
    width: 100%;
    height: 40%;
    top: 8%;
    left: 0;
}
#leveloptions {
    top: 45%;
}
#play {
    width: 20%;
    height: 10%;
    top: 87%;
    left: 40%;
    border: 1px silver outset;
    border-radius: 10px;
    background-color: red;
    text-align: center;
    font-family: Arial Black;
    color: mediumspringgreen;
    font-size: 5vh;
    font-weight: bold;
}
.dog, .level {
    width: 25%;
    height: 60%;
    top: 35%;
    border-radius: 10px;
    border: 2px silver outset;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}
#dog1 {
    left: 6%;
    background-image: url(Images/dog1.png);
}
#dog2 {
    left: 37%;
    background-image: url(Images/dog2.png);
}
#dog3 {
    left: 68%;
    background-image: url(Images/dog3.png);
}
#level1 {
    left: 6%;
    background-image: url(Images/l1.png);
}
#level2 {
    left: 37%;
    background-image: url(Images/l2.png);
}
#level3 {
    left: 68%;
    background-image: url(Images/l3.png);
}