body {
	/* FLEX BOX PROPERTIES */
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: space-between;


	/* BOX MODEL PROPERTIES */
	min-height: 100vh;
	font-family: 'Satisfy', cursive;
	font-size: 24px;
}

body {
	display: flex;
	align-items: center;
	justify-content: center;
}

html {
	scroll-behavior: smooth;
}

nav {
	color: black;
	background-color: white;
	height: 70px;
	width: 100%;

	display: flex;
	justify-content: space-around;
	flex-wrap: wrap;
}


nav>a {
	margin: 0 10px;
	color: black;
	text-decoration: none;
}

a:hover {
	color: #15ab82;
}

.sticky {
	position: -webkit-sticky;
	position: sticky;
	top: 0;
}

header {
	height: 400px;
	width: 100%;
	background-color: #bdffed;
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: center;
	background-image: url("Images/turquoise_background.jpg");
	background-size: cover;
	background-repeat: no-repeat;
}

header h1 {
	font-size: 50px;
	margin: 0;
	justify-content: center;
}

header h2 {
	font-size: 30px;
	margin: 0;
	color: #F45B69;
}

header h3 {
	font-size: 20px;
	margin: 0;
	color: #5E616E;
}


#quotes {
	color: #F45B69;
	font-size: 30px;
	background-color: #82fffc;
	height: 700px;
	width: 100%;

	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
}

#h6 {
	color: #F45B69;
	font-size: 30px;
}

#quotes .links img {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 10vh;
	height: 10vh;
	margin-bottom: 8px;

	display: block;
	margin-left: auto;
	margin-right: auto;
	width: 100px;
	height: 100px;

}

#h5 {
	color: black;
	font-size: 20px;
}

#info {
	color: black;
	background-color: #4dfffb;
	min-height: 700px;
	width: 100%;
}

#about {
	color: black;
	background-color: #b5fffd;
	min-height: 200px;
	width: 100%;
	justify-content: center;
}

#about center {
	color: #F45B69;
	font-size: 30px;
}

#about h3 {
	max-width: 80%;
	font-size: 18;
}

#about>* {
	justify-content: center;
}

#contact {
	color: black;
	background-color: #05fff9;
	min-height: 400px;
	width: 100%;
}

#quotes {
	color: black;
}

#info h6 {
	color: black;
}

#info {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
}

#h7 {
	color: black;
}

#h8 {
	color: black;
}


footer {
	color: black;
	background-color: white;
	height: 20px;
	width: 100%;
}

footer {
	height: 120px;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
}

footer .links {
	display: flex;
	align-items: center;
	justify-content: space-evenly;
	width: 120px;
	margin-bottom: 8px;
}

#h4 {
	font-size: 13px;
}

footer .links img {
	width: 24px;
	height: 24px;
}