@charset "utf-8";
/* CSS Document */

@import url('https://fonts.googleapis.com/css2?family=Cabin&display=swap');

/*body*/
main {
	background-color: #D35CA0;
}

h1 {
	backgwround-color: #7BB4CE;
	color: #76CC99;
	font-size: 34px;
	text-transform: uppercase;
	text-align: center;
}

h2 {
	background-color: #7BB4CE;
	color: #76CC99;
	font-size: 28px;
}

h3 {
	color: #76CC99;
	font-size: 22px;
}

p {
	font-size: 14px;
	color: #000000;
	font-family: 'Arial', "sans-serif";
	margin-left: 15px;
	line-height: 15px;
}

ul li {
	margin-bottom: 10px;
}

footer {
	text-align: center;
}

.text {
	color: #FFFFFF;
}

nav a {
	color: #000000;
}

h1, h2, h3 {
	font-family: 'Cabin', sans-serif;
}

.left-align {	
	float:left;
	margin-right: 10px;
	margin-bottom: 10px;
} 

.right-align {
	float:right;
	margin-left: 15px;
	margin-bottom: 15px;
}

.clear-class{
	clear:both;
}

.flex-container{
	display: flex;
}

.image-container{
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}