html{
	background-color: #c7f5ff;
}

#container {
	font-family: "Permanent Marker";
}

#top-container {
	display: flex;
	flex-direction: row;
}

#cheese {
	margin-left: 55px;
	margin-top: -35px;
	font-size: 50px;
	color: #0099b8;
}

#arrow {
	margin-left: 100px;
}

#camera {
  	position: absolute;
  	top: 50%;
  	transform: translateY(-50%);
  	margin-left: 30%;
  	display: flex;
	justify-content: center;
	align-items: center;
}

.crectangle,.rectangle {
	position: absolute;
	border-radius: 10%;
	height: 50px;
	width: 70px;
	top: 140;
	left: 70;
	animation: up-down 2s infinite;
}

.rectangle {
	background: #222222;
	z-index: -1;
}

.crectangle {
	opacity: 0;
}

@keyframes up-down {
	0% {transform: translateY(0);}
	50% {transform: translateY(-15px);}
	100% {transform: translateY(0);}
}

@keyframes flash {
	0% {opacity: 0;}
	50% {opacity: 1;}
	100% {opacity: 0;}
}