/* styles.css */
background-image: linear-gradient(60deg, #3d3393 0%, #2b76b9 37%, #2cacd1 65%, #35eb93 100%);
body {
  font-family: "Avenir Next", Bahnschrift, Calibri, Verdana, sans-serif;
  font-size: 13.5px;
}
	
#myBtn {
  display: none;
  position: fixed;
  bottom: 15px;
  right: 23px;
  z-index: 99;
  font-size: 12px;
  border: none;
  outline: none;
  background-color: #900001;  /* dark red */
  color: #ffffff;  /* white */
  cursor: pointer;
  padding: 7px;
  border-radius: 2px;
}

#myBtn:hover {
  background-color: #555555;  /* very dark gray */
}
/* drop down menu */
.dropbtn {
  background-color: #04006d;  /* very dark blue */
  color: #ffffff;  /* white */
  padding: 7px;  /* 11 */
  border-radius: 3px;  /* blank */
  font-size: 12px;  /* was 14 */
  left: 15px;
  border-radius: 2px;  /*  border: none; */
}

.dropdown {
  position: relative;
  display: inline-block;
}

.dropdown-content {
  display: none;
  position: absolute;
  background-color: #f1f1f1;  /* very light gray */
  min-width: 20em;  /* 160px */
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  font-size: 11px;
  z-index: 1;
}

.dropdown-content a {
  color: #000000;  /* black */
  padding: 10px 12px;  /* was 12px 16px */
  text-decoration: none;
  display: block;
}

.dropdown-content a:hover {background-color: #cccccc;}  /* light gray */

.dropdown:hover .dropdown-content {display: block;}

.dropdown:hover .dropbtn {background-color: #398e41;}  /* dark moderate cyan - lime green */
/* style: body & p */
body {
  font-family: "Avenir Next", Bahnschrift, Calibri, Verdana, sans-serif;
  font-size: 1.2rem;
  background-color: #eeeeee;  /* very light gray */
  color: #000000;  /* black */
  text-align: left;
  margin-left: 15px;
  padding: 10px;
}
p {
  margin-left: 15px;
  font-size: 15px;
  text-align: left; 
}
/* style: ordered & unordered list item styles */
ul.a {list-style-type: circle;}
ul.b {list-style-type: square;}

ol.c {list-style-type: decimal;}
ol.d {list-style-type: decimal-leading-zero;}
ol.e {list-style-type: lower-roman;}
ol.f {list-style-type: lower-alpha;}
ol.g {list-style-type: lower-latin;}

/* style: h1 thru h6 & img */
h1 {
  font-family: normal 2.0em Bahnschrift, Verdana, Helvetica, sans-serif, helvetica;
  font-size: 24px;
  text-transform: uppercase;
  letter-spacing: 2px;
  color: #000000;  /* black */
  background: inherit;
  text-align: center;
}
h2 {
  font: normal 1.8em BBahnschrift, Verdana, Helvetica, sans-serif, tahoma;
  font-size: 22px;
  letter-spacing: 3px;
  color: #3800aa;  /* dark purple */
  background: inherit;
  text-align: left;
  margin-left; 15px;
}
h3 {
  font: normal 1.6em Bahnschrift, Verdana, Helvetica, arial, sans-serif;
  letter-spacing: 3px;
  font-size: 20px;
  color: #326908;  /* very dark green */
  background: inherit;
  text-align: left;
  margin-left: 15px;
}
h4 {
  font-size: 18px;
  font: normal 1.4em Bahnschrift, Verdana, Helvetica, sans-serif;
  letter-spacing: 3px;
  color: #900001 ;  /* dark red */
  background: inherit;
  text-align: left;
  margin-left: 15px;
}
h5 {
  font-size: 16px;
  font: normal 1.3em Bahnschrift, Verdana, Helvetica, arial, sans-serif;
  letter-spacing: 3px;
  color: #326908;  /* very dark green */
  background: inherit;
  text-align: left;
  margin-left: 15px;
}
h6 {
  font-size: 14px;
  font: normal 1.3em Bahnschrift, Verdana, Helvetica, arial, sans-serif;
  letter-spacing: 3px;
  color: #326908;  /* very dark green */
  background: inherit;
  text-align: left;
  margin-left: 15px;
}

blockquote {
  background: #f9f9f9;  /* Very light gray (mostly white) */
  border-left: 10px solid #ccc;  /* light gray */
  margin: 1.5em 10px;
  padding: 0.5em 10px;
  quotes: "\201C""\201D""\2018""\2019";
}
blockquote:before {
  color: #ccc;  /* light gray */
  content: open-quote;
  font-size: 4em;
  line-height: 0.1em;
  margin-right: 0.25em;
  vertical-align: -0.4em;
}
blockquote p {
  display: inline;
}

img.displayed {
  display: block;
  margin: 0 auto; }
.border {
  border-width: 1px;
  border-color: #778899;  /* dark grayish blue */
  border-style: solid; }

.emphasis {
  background: #ffff88;  /* very light yellow */
  font-style: italics;
  }