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

#wrapper {background-color: #D3D3D3;
margin-left: auto;
margin-right: auto;
width: 80%;}
header{ background-color: #ffe5ec;}
.logo{ display: block;
margin-left: auto;
	margin-right: auto;}
nav{text-align: center;font-family: 'Inter', sans-serif;
background-color: #bee1e6;
padding-bottom: 10px;
padding-top: 10px;}
a{text-decoration: none;color: white;}
a:hover{background-color: #a0c4ff;}

footer{ background-color:#bee1e6;
font-family:'Inter', sans-serif;
	color: white;
text-align: center;
padding-top:10px;
padding-bottom: 10px;}

.container img{position:relative;
	margin-right:auto;
	margin-left:auto; 
	display:block;}
.center {position:absolute;
	left:560px; 
	top:400px;
color:#ffd670;
font-size: 70px;}

.left {clear:both;}

.column{ width: 50%;
float:left;
text-align: center;}

ul{list-style-type:disc; list-style-position: inside;}

h1{font-size:50px;
text-align: center;
color:#cdb4db}

h1,h2,h3{font-family: 'Yellowtail', cursive;}

.button {background-color:#cdb4db; color:#ffd670;
border-radius: 5px;
	padding:6px 20px;
margin-left:50px;}

.button:hover{background-color:#9b5de5;}

p{ text-align: center;
padding-bottom:10px;
padding-top: 10px;}

.img{position:relative;
	margin-right:auto;
	margin-left:auto; 
	display:block;}

.text img{position:relative;
	margin-right:auto;
	margin-left:auto; 
	display:block;}

.text-block { position: absolute;
  background-color: white;
  color: #f08080;
  padding-left: 20px;
  padding-right: 20px;
	border-radius:5px;
	top:300px;
	left: 500px;
	text-align: center;}
.flex{
  border: 2px solid #e63946;
  width: 30%;
	margin-left: 40px;
  margin-right: auto;
  background-color: white;
  padding: 10px;
  margin-bottom: 10px;
  border-radius: 15px 15px 15px 15px;
  box-shadow: 5px 5px 10px black;
text-align: center;}

h2{ font-size:40px;
	color: #e63946;}

.float{ float: right;
	border: 2px solid #e63946;
  width: 50%;
	background-color: white;
  padding: 10px;
  margin-bottom: 10px;
	margin-right: 20px;
  border-radius: 15px 15px 15px 15px;
	 box-shadow: 5px 5px 10px black;
	text-align: center;}

.flex-container{display:flex;}

.imagegallery{margin:10px;}

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

.gallery{text-align: center;}

.list {
  display: inline-block;
	text-align: center;}

.button2{ background-color:#e63946; color: white;
border-radius: 5px;
	padding:6px 20px;}

.button2:hover{background-color:#d90429;}
.thanks h1{color: #457b9d; font-size: 80px;}

h3{ color:#e63946;
font-size: 30px;
background-color;}