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

@import url('https://fonts.googleapis.com/css2?family=Mooli&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Fira+Sans:ital,wght@1,300&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Dancing+Script&display=swap');
body { 
 background-image: url("images/background Photo.png");
 background-color: #98D2EA; 
     }
#wrapper {
	width: 960px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 20px;
	background: #FFFFFF;
	padding: 10px 20px;
	border-width: 1px;
	border-style: solid;
	border-color: cadetblue;
}
h1, h2, h3 {
      text-transform: uppercase; 
	  text-align: center;
}
h1 { 
 background-color: #F1F59E;
 color: #684E8E; 
 font-family: 'Mooli', sans-serif;
 font-size: 40px; 
 padding-top: 10px;
 padding-bottom: 14px;
 background: -webkit-linear-gradient(#45D192, #5DF14C);
 background: -o-linear-gradient(#45D192, #5DF14C);
 background: -moz-linear-gradient(#45D192, #5DF14C);
 background: linear-gradient(#45D192, #5DF14C);
   }
h2 { 
 background-color: #381060;
 color: #F5EF99; 
 font-family: 'Fira Sans', sans-serif;
 font-size: 34px;
 padding-top: 10px;
 padding-bottom: 14px;
 padding-left: 8px;
 padding-right: 8px;
 margin-bottom: 12px;
   }
h3 { 
 background-color: #A099F5;
 color: #0B0F8D; 
 font-family: 'Dancing Script', cursive;
 font-size: 28px; 
 margin-bottom: 10px;
 border-bottom: 2px dashed #4E58FB;
   }
p {  
 font-family: Arial, Helvetica, sans-serif;
 font-size: 14px; 
 line-height: 1.6;
 margin-bottom: 14px;
 margin-left: 10px;
   }
li {  
 margin-bottom: 7px;
 list-style-position: inside;
   }
ul li {
list-style-type: disc;	
}
footer {  
 text-align: center;
   }
.feature {
 color: #FFF365;
 line-height: 100%;
   }
.feature-box {
	width: 30%;
	align-content: center;
	background:#C8F1E2;
	padding: 10px; 
	margin: 0 auto 20px;
	border-radius: 10px;
	box-shadow: 5px 5px 5px #888888;
}

img {
     padding: 10px;
     background-color: #fff;
     border: 2px solid #381060; 
}

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

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

.clear {
    clear: both;
}

.flex-container {
    display: flex;
}

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

.section-style {
    width: 65%;
}

nav {
	padding: 4px; 
}
nav p {
       font-weight: bold;
       text-align:center;
	   padding-top: 16px;
	   padding-bottom: 0;
}