body {

    height: 100vh;
    background-image: url("popping.jpg");
}

#gameArea {
    position: relative;
    width: 100vw;
    height: 80%;
 /*   border: 2px solid black;  */
    overflow: hidden;
}

.balloonR {
    position: absolute;
	margin-top: 0.5em;
	margin-bottom: 0.5em;
	margin-left: 0.5em;
	margin-right: 0.5em;
    bottom: 0;
    width: 1em;
    height: 1em;
    background: rgba(250, 0, 0, .4);
    border-radius: 50%;
    animation: grow 5s infinite ease-in-out;
}
.balloonG {
    position: absolute;
	margin-top: 0.5em;
	margin-bottom: 0.5em;
	margin-left: 0.5em;
	margin-right: .5em;
    bottom: 0;
    width: 1em;
    height: 1em;
    background: rgba(0, 250, 0, .4);
    border-radius: 50%;
    animation: grow 5s infinite ease-in-out;
}
.balloonB {
    position: absolute;
	margin-top: 0.5em;
	margin-bottom: 0.5em;
	margin-left: 0.5em;
	margin-right: 0.5em;
    bottom: 0;
    width: 1em;
    height: 1em;
    background: rgba(0, 0, 250, .4);
    border-radius: 50%;
    animation: grow 5s infinite ease-in-out;
}

@keyframes grow {
    from {
        width: 0.5em;
        height: 0.5em;
    }
    to {
        width: 3em;
        height: 3em;
    }
}


#menu {
	margin-top: 0.5em;
	width: 100%;
	height: 8%;
}
#status{
	background-color: rgb(100, 150, 255);
	font-size: 14px;
	text-align: center;
/*	color: white;  */
	width: 100%;
	height: 4%;
}