body {
	display: flex;
	flex-direction: column;
	align-items: center;
	background-attachment: scroll;
	left: 0;
	top: 0;
	width: 100vw;
	height: 100vh;
	background-image: linear-gradient(23deg, #C47094 0%, #7A68AB 55%);
	background-size: auto;
}

.intro {
	display: flex;
	flex-direction: column;
	align-items: center;
}

.intro img {
	height: 300px;
}

.main-nav {
	display: flex;
	flex-direction: column;
	align-items: center;
}

.main-nav ul {
	display: flex;
	flex-direction: column;
	align-content: center;
	border: 2px solid #000000;
	border-radius: 10px 35px;
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.25), 10px 16px 25px 0 rgba(0, 0, 0, 0.15);
	background-image: linear-gradient(to bottom left, #C47094 20%, #7A68AB 60%);
	padding: 20px;
}

.main-nav li {
	list-style: none;
	text-align: center;
	border: 0.1px solid #000000;
	border-radius: 5px;
	padding: 5px;
	margin: 2px;
	background-image: linear-gradient(23%, #C47094 20%, #7A68AB 60%);
}