/*This is where we'll define the size of our div*/
/* 1080x1920 */
#canvasBody {border: 1px solid black; width: 367.3px; height: 651.41px; margin: auto;}

/*This will hold the styles for our buttons!*/
.btn {position: absolute;}

/*menu button*/
#menu {width: 3.3vw; height: 5vh; background-image: url(/Images/MenuIcon.png); background-size: 3.3vw 5vh; padding: 0; border: none; background-color: transparent;}

/*goals button*/
#goals {width: 3.8vw; height: 5.5vh; top: 83vh; left: 38.5vw; background-image: url(/Images/GoalsIcon.png); background-size: 3.8vw 5.5vh; padding: 0; border: none; background-color: transparent;}

/*pet button*/
#pet {width: 3.4vw; height: 5.7vh; top: 83.2vh; left: 44.27vw; background-image: url(/Images/PetIcon.png); background-size: 3.4vw 5.7vh; padding: 0; border: none; background-color: transparent;}

/*shop button*/
#shop {width: 3.4vw; height: 5.7vh; top: 83.2vh; left: 51.01vw; background-image: url(/Images/ShopIcon.png); background-size: 3.4vw 5.7vh; padding: 0; border: none; background-color: transparent;}

/*resources button*/
#resources {width: 3.6vw; height: 5.8vh; top: 83.2vh; left: 57.4vw; background-image: url(/Images/ResourcesIcon.png); background-size: 3.6vw 5.8vh; padding: 0; border: none; background-color: transparent;}