* {
    box-sizing: border-box;
    margin: 5px auto;
}
@font-face {
	font-family: PixelOperator8-Bold;
	src: url("https://roachbottle.neocities.org/PixelOperator8-Bold.ttf");
}
body {
	font-family: PixelOperator8-Bold;
    background: url(https://roachbottle.neocities.org/tenna%20stuff/d4a2b4108891a4d3ef39b1aed664a6f8-removebg-preview.png);
background-position: 50% 12%;
background-repeat: no-repeat;
	background-size: 300px 330px;
	float: top-left;


div {
    position: absolute;
    line-height: 50%;
    left: 0;
    right: 80%;
	top: 50%;
	bottom: 0;
    max-height: 100px;
    color: black;
}
.tamimg {
	position: absolute;
	z-index: -2;
	left: 30%;
} 
.home {

top: 25%;
	position: absolute;
    left: 17%;
}

.tamagotchi {
    max-width: 80px;
    z-index: 20;
}

.tamagotchi img {
	
    position: absolute;
    max-width: 60px;
	height: 80px;
	width: 65px;
	bottom: 50%;
	right: 0;
	left: 100%;
}

.stats {
	width: 200px;
	top: 10px;
	position: absolute;
}

.stats p {
color: black;
background: rgba(255, 255, 255, 0.60);
font-size: 10px;
	width: 230px;
	text-align: center;
}

.actions {
	width: 250px;
    top: 80%;
	text-align: center;
}