body {

    
    background: DarkSlateBlue;
    font-family: Comic-sans, Arial, Helvetica, sans-serif;
    color: MistyRose; 
    line-height:1.5rem;
}
div{
   border-style: double;
   padding: 1em;
   
}

figure{
   border-style: dotted;
   padding: 2em;
   
}

figcaption {
    font-size: large;
    padding: 1em;
}

div.side-by-side {
    display: flex;
    justify-content: center;
}

div.essay {
    border-style: dotted;
    padding: 1em;
    font-size: large;
    line-height: 1.5rem;
}

img.side-by-side{
    display: flex;
    width: 45%;
    padding: 1rem;
    border-style: dotted;
}

img {
    display: flex;
    width: 100%;
    max-width: 1000px;
}

img.gal {
    width:80%;
    display: flex;
    max-width: 1000px;
}

a {
    color: MistyRose;
    
}

a:hover{
    color: FloralWhite;
}

nav{
    font-size: xx-large;
    text-align: Center;
    padding: 10px;
}

div.gallery {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
}

div.gallery-item {
  margin: 5px;
  border: 1px solid #ccc;
  width: 400px;
}

div.gallery-item:hover {
  border: 1px solid #777;
}

div.gallery-item img {
  width: 100%;
  height: auto;
}

div.gallery-item div.desc {
  padding: 15px;
  text-align: center;
  border-style: dotted;
}

div.txt{
    width: 50%;
    text-align: center;
}

div.p{
    text-align: left;
    border-style: dashed;
    font-size: larger;
}