@charset "utf-8";
/* CSS Document */
/* Selector {declaration property: declaration value;*/
body {
    background-color: azure;
    background-image: url("images/leaves.jpg");
    background-repeat: repeat-x;
    color:#40407A;
    font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "Dejavu Sans", Verdana, "sans-serif";}

#wrapper {width:80%;
margin-right:auto;
margin-left:auto;}

header{background-color: #80CBC4; text-align:center;
}

h1, h2, h3 {background-color: #80CBC4; font-size: 36px; font-family: 'Bubblegum Sans', cursive;}

h1 {text-align: center; padding-top: 50px; padding-bottom: 50px; background-color: rgb(0, 106, 255); /* For browsers that do not support gradients */
    background-image: linear-gradient(to bottom right, rgb(0, 183, 255), rgb(255, 0, 106));}

h2, h3 {text-align: left; margin-bottom: 10%;}

h2 { padding-top: 10%; padding-bottom: 50px; padding-left: 50px;}

h3 {margin-top: 10%; border-style: dotted;}

nav {text-align: center; font-weight: bold;}
nav a:link {color: #3F2860;}
nav a:visited {color: #497777;}
nav a:hover {color: #A26100; border: 3px inset #333333;}

li {margin-bottom: auto;}

p {margin-bottom: auto; font-size: 25px; font-family: 'Times New Roman', Times, serif; line-height: 2em;}

/* Descendant Selector - specify an element within the context of it's cotainer (parent) element*/
nav a {text-decoration: none;}


.align-right {float: right; margin-left: 2em; margin-bottom: 2em;}
.align-left {float: left; margin-right: 2em; margin-bottom: 2em;}
.clear{clear: both;}


.flex {display: flex;}

img {
    padding: 10px;
    background-color: #fff;
    border: 10px solid #165b62;
}

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

.onehalfish {width: 65%;}

.feature {font-style: italic;}
#feature-box {width: 30%; margin-left: 2%; margin-right: 2%; background-color: aquamarine; padding: 2%; margin-bottom: 2%; border: #40407A; border-radius: 5px; box-shadow: #165b62;}
.gallery {margin-left: 10%; margin-bottom: 10%; margin-top: 10%;}
#hero {text-align: center;}

footer {background-color: #80CBC4; text-align:center; font-style:italic; text-align: center;}