/* CSS HEX */
/*--moss-green: #7F945Cff;
--coyote: #7E6C56ff;
--ebony: #3E4937ff;
--wenge: #574A49ff;
--khaki: #B7B19Eff;
--dark-moss-green: #545422ff;
--golden-brown: #9A7139ff;
--satin-sheen-gold: #C09836ff;
--sepia: #6A4211ff;
--reseda-green: #808554ff;


/*element selectors*/
p.double {border-style: double;} 
p {color:#3b230f;}
li {color:#3b230f;}
html
{ background-color: #CCCAA6; 
background-image: url(../assets/backgroundimg.png);
background-repeat: no-repeat; 
background-position: center;
background-size: cover;
}
html{font-family:'Roboto','Montserrat', gill sans, gill sans MT,Calibri, sans-serif} 
/*webfonts*/
@font-face {
    font-family: 'Quicksand';
    src: url('../fonts/Quicksand-Bold.woff2') format('woff2'),
        url('../fonts/Quicksand-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}
/*descent selectors*/
Nav ul {
    list-style-type: none;
}

Nav ul li a {
    text-transform: capitalize;
    text-decoration: dotted;
    line-height: 200%; 
}
Nav ul li a {color: #5d1705}
/*multiple tag selectors*/
h1,h2,h3{
    /*font-family:serif,Georgia;*/
        font-family: 'Quicksand',serif;
    text-align-last: center;}
h1{ border:dotted; border-style: dotted;color:#d13232;}

.floatright{float:right;padding:9px;}
.floatleft{float:left;padding:9px;}
img,video,embed{max-width: 400px;display: block;margin: auto}
iframe{max-width:500px;display:block;margin:auto}
img,video,embed,iframe{border:solid;color:#545422ff}
aside{text-align: center;}
p{margin:10px;}
h2,h3 {border: thin; border-style: solid; border-block-color:#545422ff}
h2,h3{text-align: center; color:#8b0e0e}
a, href {color: #5c1604 }
figcaption {color:#972525; font-family:'Roboto';  text-align-last: center;
font-size: 20px; text-align: center}
figcaption{text-decoration: underline;}
/*id selectors*/
#container{
    width:95%;
    padding:10px;
    margin-top:20px;
    margin-bottom:20px;
    margin-left:auto;
    margin-right:auto;
    background-image: url(../assets/backgroundimg.png);
    background-size: cover;
    background-attachment: fixed;
    box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.5);
    border-radius:15px;
}