*,
*:before,
*:after {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
	font-size: 100%;
}

body {
	animation: sky 10s infinite alternate;
}

h1 {
	position: absolute;
	bottom: 0;
	left: 50%;
	transform: translateX(-50%);
	width: 100%;
	text-align: center;
	transition: font-size 1s;
	cursor: pointer;
}

.clover {
	font-size: 5vw;
}

.herb {
	font-size: 10vw;
}

.tomato {
	font-size: 15vw;
}

.tree {
	font-size: 20vw;
}

.star {position: fixed}

.cloud {
	position: fixed;
	transition: 5s;
	cursor: pointer;
}


@keyframes sky {
	0% {
		background-color: white;
	}
	50% {
		background-color: midnightblue;
	}
	100%{
		background-color: black;
	}
}