* {
	animation: fade-in 1s forwards;
}
@keyframes fade-in {
	from {
		opacity: 0;
	}
	to {
		opacity: 1;
	}
}
body {
	color: #fff;
	font-family: sans-serif;
  animation-direction: alternate;
	background-color: #1D415F;
	line-height: 1.6;
	text-align: center;
	animation-play-state: running;
	display: block;
}
#projects {
	position: absolute;
	left: 20%;
	width: 80%;
}
#projects a {
	width: 100px;
	background-color: inherit;
	position: absolute;
	color: #fff;
  text-decoration: none;
	right: 80%;
	transition: 2s;
}
#projects a:hover {
	text-decoration: underline;
	width: 225px;
	background-color: #226B8E;
	right: 75%;
	border-radius: 25px;
}
#projects a img {
	right: 50%;
}
.calculatorv2 {
	position: absolute;
	top: 300px;
	left: 20%;
	width: 100px;
}