html {
	cursor: pointer;

}

body {
	background-color: #d495f1;
	overflow: hidden;
	
}

.circle {
    float: left;
    width: 220px;
    height: 248px;
	border-radius: 50%;
    background-color: none;
	animation: pulse 2s linear infinite;
}

.angry {
	position: absolute;
	display: block;
}

.scared {
	position: absolute;
	display: none;
}

.bubble {
	display: block;
	position: absolute;
	top: -65px;
	left: 125px;
	width: 200px;

}

@keyframes pulse {
    0% {
     transform: scale(1, 1);
    }

    50% {
     transform: scale(1.025, 1.025);
    }

    100% {
    transform: scale(1, 1);
    }
}


.bumper {
    position: absolute;
    top: 45%;
    left: 50%;
	transform: translate(-50%,-50%);
    padding: 50px;
    overflow: visible;
    outline: 0px solid #0090A6;
}