/*element selectors*/
*{
 margin:6px;
}
html {
    background-color: #FFF8DC;
    font-family: "noto sans", helvetica, arial, verdana, geneva, sans-serif;
}
body{
width: 98%;
margin:auto;
}
/*multiple tag selectors*/
h1,h3{
  /*font-family:'noto', heebo, "roboto slab", helvetica, arial, verdana, sans-serif;*/
 font-family:'Dustismo Roman', serif;
text-align: center;
 color:#4e2923
     }
 h2{ font-family:'heebo',sans-serif;
text-align: left;
     color: darkgreen    
    }
h4{ font-family:'heebo',sans-serif;
text-align: left;
     color: #39150f 
} 
    img, video, embed {
    max-width: 65%; 
}
aside{
    text-align: center;
    }
p {
    margin: 20px;
    font-size:16px;
    line-height:150%;
    /*font-family: "times new roman",garamond, serif;*/
    font-family:"noto sans";
}
figure {
    display: block;
    width: 420px;
}

figcaption {
    font-size: 0.875em;
    font-weight: bold;
    text-align: center;
    display: block;
    margin-top: 0.5em;
}
/* descendant selectors */
nav ul {
    list-style-type: none;
    margin: 8px;
}
nav ul li a {
    text-transform: lowercase;
   text-decoration: none;
    line-height: 150%;
    font-size: 14px;
}
 h1 a{
    color: brown;
}
h3 a{
    color: #07451a
}

/*classes*/
.floatright{
    float: right;
    padding:8px;
    margin:8px;
}
.floatleft{
    float: left;
    padding:8px;
    margin:3px;
}

.solidborder{
    border:solid black 2px;
}