body {
	background-color: #FBF6FF;
	height: 100%;
	margin: 0;
}

main {
	height: calc(100% - 90px);
}

section {
	height: inherit;
	padding: 15px;
	position: fixed;
	width: 100%;
}

.card {
	background-color: rgba(0,0,0,.2);
	border: 1px solid rgba(0,0,0,.2);
	border-radius: 10px;
	font-weight: normal;
	margin: 0 0 15px;
	padding: 15px;
	text-align: center;
}

.home-img {
	background-image: url(https://i.imgur.com/po4nHJs.jpeg);
	background-position: cover;
	background-size: cover;
	border: 10px solid rgba(0,0,0,.2);
	height: 300px;
}

.description {
	margin-top: 8rem;
}

.right {
	left: 100%;
}

.slide-in-from-right {
	animation: slide-in-from-right .5s forwards;
}

.slide-out-to-left {
	animation: slide-out-to-left .5s forwards;
}

.zoom-in {
	animation: zoom-in .5s forwards;
}

.right ul {
	font-size: large;
}

.right ul li {
	margin-bottom: 2rem;
}

.intro-img {
	display: block;
	width: 75%;
	margin: 3rem auto;
}

@keyframes flash {
	0% {
		color: red;
	}
	100% {
		color: darkgoldenrod;
	}
}

@keyframes flash-bg {
	0% {
		background-color: red;
	}
	100% {
		background-color: darkgoldenrod;
	}
}

@keyframes zoom-in {
	0% {
		transform: none;
	}
	100% {
		transform: scale(1.5) translateY(200px);
	}
}

@keyframes slide-in-from-right {
	0% {
		left: 100%;
	}
	100% {
		left: 0;
	}
}

@keyframes slide-out-to-left {
	0% {
		left: 0;
	}
	100% {
		left: -100%;
	}
}