@charset "UTF-8";

h1 {
	text-align:center;
	background-color: #95a3f6;
	font-size: 2.5em;
}

p {
	text-align:center;
	background-color: #95a3f6;
	font-size: 1.5em;
	padding: 5px 5px 5px 5px;
}

h2 {
	text-decoration: underline; /*https://www.w3schools.com/cssref/pr_text_text-decoration.php*/
	font-size: 2em;
}

h1,h2,p {
	font-family: "Arvo", Arial; /* Arvo font from Google Fonts (https://fonts.google.com/selection/embed) */
	color: #1d1e89;
	text-align: center;
}

.bg {
	background-color: #95a3f6;
}

.whitebg {
	background-color: #FFFFFF;
}

.border {
	border-style: solid;
	border-width: 6px;
	border-color: #5d5ce3;
	border-radius: 5px;
}

.twoset {
	margin: 0;
	padding: 0;
	width: 30%;
	max-width: 200px;
}

.width30 {
	width: 30%;
}

.width40 {
	width: 40%;
}

.width50 {
	width: 50%;
}

.left {
	float: left;
}

.center {
	text-align: center;
}

.right {
	float:right;
}

.clearfix {
	overflow: auto;
}

ul {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	background-color: #636992;
	overflow: hidden;
}

ul li {
	float: left;
}

ul li a {
	color: white;
	text-decoration: none;
	font-family: "Arvo", Arial;
	padding: 14px 16px;
	display: block;
}

ul li a:hover {
	background-color: #454863;
}

.homebg {
	background-image: url("Images/Tree.jpg"); /*https://www.w3schools.com/css/css_background_image.asp*/
	background-position: top center;
}

body {
	background-color: #b2c2f6;
}

/* Carousel Container */
.carousel {
	width: 50%; /* Full width of the parent/container */
	min-width: 270px;
	max-width: 400px; /* Optional max width */
	overflow: hidden; /* Hide overflowing slides */
	float: right;
	margin: auto; /* Centers carousel margin:auto*/
}

/* Slides container - row of images */
.slides {
	display: flex;
	transition: transform 0.5s ease; /* smooth sliding animation over 0.5 seconds */
}

.slides img {
	width: 100%;
	height: auto; /* maintain aspect ratio */
	flex-shrink: 0; /* prevent images from shrinking */
}

.min {
	min-width: 300px;
}

.margin {
	margin: 50px 50px 50px 50px;
}

.margin2 {
	margin: 5% 20% 5% 20%;
}
