* {
	margin: 0;
	padding: 0;
	border-collapse: collapse;
}

html {
	font-size: 17px;
}

body {
	color: black;
	background-color: #1E2B3D;


}

.smooth {
	transition: 0.5s;
}

h1 {

	color: #4FB1C1;
	text-align: center;
	margin: 20px 0;
}

a {
	color: #8BC34A;
}

a:hover {
	color: lightgray;
}

h2 {
	margin: 30px 0 20px 0;
	color: #4FB1C1;
}

h3 {
	padding-top: 30px;
	text-align: center;
}

table {
	margin: 20px 30px;
	color: white;
	background-color: transparent;
}

th {
	text-align: left;
}

td,
th {
	border: 1px solid white;
	padding: 3px;

}

p {
	color: white;
	padding: 0 5px;
}


img {
	width: 100%;
	height: auto;
}

figcaption {
	margin: 10px auto;
	width: 80%;
}

div li {
	text-align: right;
	display: block;
}

div .color1 {
	background-color: #C1B0D9;
}

div .color2 {
	background-color: #022859;
}

div .color3 {
	background-color: #80BF7E;
}

div .color4 {
	background-color: #BFB47E;
}

div .color5 {
	background-color: #BF8D7A;
}

footer {
	margin: 50px 0 80px 0;
	text-align: center;
}

footer a {
	text-decoration: none;
	color: yellow;
}

footer a:hover {
	color: #4FB1C1;
}