@charset "utf-8";
/* CSS Document*/
/*Selector {declaration propertty: declaration value;*/

h1 {background-color: #E2A16F;
    color: #0C0908; 
    background-image: linear-gradient(to left, #E2A16F,#ffb780, #E2A16F);
    font-family: Cambria, Cochin, Georgia, Times, 'Times New Roman', serif; 
    font-size: 34px; 
    text-transform: uppercase; 
    text-align: center;
    padding-top: 1em; padding-bottom: 1em;}

nav {font-family: Cambria, Cochin, Georgia, Times, 'Times New Roman', serif; 
    font-size: 14px; 
    text-align: center;
    padding-top: 1em; padding-bottom: 1em;
    margin-left: auto; margin-right: auto;}
    nav:hover {color:tomato;}
    nav:visited {color:tomato}
    nav:link {color:cornflowerblue}
nav a {padding-right: 3em;
    text-align: center;
    margin-left: auto; margin-right: auto; text-decoration: none;}
    nav a:hover {color:tomato;}
    nav a:visited {color:tomato}
    nav a:link {color:cornflowerblue}

h2 {background-color: #86B0BD; 
    color: #0C0908; 
    font-family: Cambria, Cochin, Georgia, Times, 'Times New Roman', serif; 
    font-size: 28px; 
    text-transform:capitalize; 
    text-align: center;
    padding-top: 0em; padding-bottom: 0em; padding-left: 0em;
    margin-bottom: auto;}

h3 {background-color: #D1D3D4; 
    color: #0C0908; 
    font-family: Cambria, Cochin, Georgia, Times, 'Times New Roman', serif; 
    font-size: 24px; 
    text-align: center;
    margin-bottom: auto; margin-top: auto;
    border-width: 2px; border-style:solid; border-color:#86B0BD}
#feature-box {width: 30%;
    margin-left: auto; margin-right: auto; margin-bottom: 1em; line-height: 1;
    background-color: #86B0BD;
    padding: 0.5em 0.5em 0.5em 0.5em;
    border-width: 4px; border-style: solid; border-color: #D1D3D4; border-radius: 15px;
    box-shadow: 3px 5px 5px 5px #1e1714;}

body {background-image: url("images/DustWall.jpg"); background-color: #FFF0DD;
    color: #0C0908; 
    font-family: Cambria, Cochin, Georgia, Times, 'Times New Roman', serif; 
    font-size: 18; 
    text-align: left; 
    line-height: normal;}
#wrapper {width: 85%; 
    margin-left: auto; margin-right: auto; margin-top: 1em; margin-bottom: 1em;
    border-width: 1em; border-style: ridge; border-color: #D1D3D4;
    background-color: #FFF0DD;
    padding: 1em 1em 1em 1em;}

p {margin-bottom: auto; padding-left: 1em; padding-right: 1em; line-height: 1.5;}

/* Descendant Selector - specify an element within the context of it's container (parent) element*/
ul li {margin-bottom: auto; margin-left: 40px;
    list-style-type: disc; list-style-position: inside;}
ol li {margin-left: 40px;
    list-style-type: decimal;}

section {width: 65%;}

label {float: left;
display: block;
font-weight: bold; 
text-align: right;
width: 120px;
padding-right: 12px;}

/* Class Styles */
.leftalign {float:left; margin-right: 30px; margin-bottom: 20px;}
.rightalign {float:right; margin-left: 30px; margin-bottom: 20px;}
.clear {clear:both;}
.flexcontainer {display: flex;}
.imgcontainer {display: flex; flex-wrap: wrap; justify-content: center;}
.submitbtn {background-color: #86B0BD; color:#0C0908;
border-radius: 5px; padding-top: 6px; padding-bottom: 6px; padding-left: 20px;
padding-right: 20px; margin-left: 132px;}
.submitbtn:hover {background-color: #D1D3D4;}

img {padding: 0.5em 0.5em 0.5em 0.5em;
    background-color: #1e1714;
    border: 2px solid #0C0908}
#pics {padding-top: 1em;}
.gallery {margin: 15px;}

footer {text-align: center;}