.circle {
	position: fixed;
	height: 100px;
	width: 100px;
	background-color: #3d5771;
	border-radius: 50%;
}
.square {
	position: fixed;
	height: 100px;
	width: 100px;
	background-color: #3d5771;
	border-radius: 10px;
}
.rectangle {
	position: fixed;
	height: 100px;
	width: 200px;
	background-color: #3d5771;
	border-radius: 10px;
}
.triangle {
	position: fixed;
	width: 0;
	height: 0;
	border-left: 75px solid transparent;
	border-right: 75px solid transparent;
	border-bottom: 125px solid #3d5771;
	border-radius: 10px;
}

.floating-container {
	position: fixed;
	width: 100%;
	height: 125%;
	overflow: hidden;
}

.floating-container > img {
	position: absolute;
	bottom: 0;
}

@keyframes upwards {
	0% {
		bottom: 0%;
	}
	100% {
		bottom: 120%;
	}
}
@keyframes rotateupwards {
	0% {
		rotate: 0deg;
	}
	100% {
		rotate: 360deg;
	}
}