@charset "UTF-8";


body{
	margin: 0px;
	background-image: url("Images/purpleflowers.jpg");
}

/* "purpleflowers" from: https://pngtree.com/freebackground/botanical-illustration-of-purple-flowers-and-dotted-accents_16115867.html*/


ul {
	list-style-type: none;
	margin: 5px 0px; /*top left bottom right, or top/bottom right/left*/
	padding: 0px;
	background-color: #769492;
	overflow: hidden;
}

ul li{
	float: left;
}

ul li a{
	color: black;
	text-decoration: none;
	font-size: 1.3em;
	padding: 15px 15px;
	display: block;
	font-family: arial;
}

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

/*https://www.w3schools.com/howto/howto_css_image_transparent.asp*/ 
.container {
  position: relative;
  width: 100%;
  margin: 0 auto; 
}

/*https://www.w3schools.com/howto/howto_css_image_transparent.asp*/
.content {
  position: absolute; 
  bottom: 0; 
  background: rgb(0, 0, 0); 
  background: rgba(0, 0, 0, 0.5); 
  color: rgb(255, 255, 255); 
  font-size: 7em;
  text-align: center;
  padding: 40px;
  overflow: hidden;
}

.lowercontent {
	position: absolute;
  bottom: 0; 
  background: rgb(0, 0, 0); 
  background: rgba(0, 0, 0, 0.5); 
  color: rgb(255, 255, 255); 
  font-size: 1.3em;
  text-align: center;
  padding: 40px; 
  overflow: hidden;
}


.titletext {
	text-align: center;
	font-size: 2.5em;
	color: white;
	background: rgb(82, 56, 94);
	padding: 10px;
	border-style: solid;
	border-width: 5px;
	border-color: black;
	border-radius: 3px;
	margin: 40px 200px;
}

.supertitletext {
	text-align: center;
	font-size: 4em;
	background: rgb(82, 56, 94);
	color: white;
	margin: 30px 400px;
	border-style: solid;
	border-width: 5px;
	border-color: black;
	border-radius: 3px;
}

.paragraphtext {
	background: rgb(255, 255, 255);
	border-style: solid;
	border-width: 5px;
	border-color: black;
	border-radius: 5px;
	margin: 40px;
	padding: 20px;
	font-size: 1.3em;
	font-family: arial;
}

.carosel{ 
	width: 100%;
	max-width: 800px;
	overflow: hidden; 
	margin: auto;
}

.slides {
	display: flex;
	transition: transform 0.5s ease;
}

.slidesimg {
	width: 100%;
	margin: auto;
	flex-shrink: 0;
}
.meimages{
	border-style: solid;
	border-width: 5px;
	border-color: black;
	border-radius: 3px;
	width: 30%;
	margin: 13px;
}


.floatright {
	float: right;
}

.clearfix {
	overflow: auto;
}