/* body defines the page itself */
body {
  background-color: #18273b;
  background-image: url(https://bluebackspace.com/images/background.jpg);
}

/* nav bar */
nav {
  display: block;
  width: 95%;
  max-width: 1000px;
  margin: 10px auto;
  text-align: left;
}
nav img {
  display: inline-block;
  margin: -10px;
}
.navbar {
  display: block;
  align-self: center;
  background-color: white; 
  border-radius: 25px;
  width: auto;
  width: fit-content;
  height: fit-content;
  margin-bottom: 40px;
}
.navbar p a {
  font-family: "Report", "Helvetica Neue", sans-serif;
  padding: 5px;
  font-size: 25px;
  margin: 10px;
}

/* logo */
/* mobile responsiveness adjustments */
@media only screen and (max-width: 620px) { .logo { max-width: 350px; } }

/* main image at top of articles */
.bigimage {
  display: block;
  position: relative;
  width: 95%;
  max-width: 1000px;
  margin-left: auto;
  margin-right: auto;
  border-radius: 25px;
}

/* container box */
.container {
  display: block;
  width: 95%;
  max-width: 1000px;
  margin-left: auto;
  margin-right: auto;
  background-color: white;
  border-radius: 25px;
  padding-top: 5px;
  padding-bottom: 5px;
}
.container p, .container h1 {
  padding: 10px 20px;
}

/* text styling */
p, li {
  font-family: "Armada", "Courier New", monospace;
  font-size: 20px;
  margin: 10px;
}
/* blockquote */
blockquote {
  font-family: "Report", "Helvetica Neue", sans-serif;
  font-size: 25px;
  font-weight: bold;
}
/* normal links */
a {
  color: darkblue;
  text-decoration: none;
}
/* glossary links */
.giflink {
  text-decoration: underline;
  color: darkred; 
  font-weight: bold; 
}
/* header inside box */
h1 { 
  font-family: "Report", "Helvetica Neue", sans-serif;
  font-size: 40px;
  margin: 10px;
}
/* header above article */
h2 { 
  font-family: "Report", "Helvetica Neue", sans-serif;
  font-size: 40px;
  margin: 10px auto;
  color: white;
  width: 70%;
  max-width: 800px;
  text-align: center;
}
/* article info */
h3 {
  font-family: "Report", "Helvetica Neue", sans-serif;
  font-size: 20px;
  width: 70%;
  max-width: 800px;
  text-align: center;
  margin: 10px auto;
  color: white;
}
h3 a { 
  color: white; 
}

/* figures, including captions */
figure {
  display: table;
}

/* divider */
hr {
  margin: 20px;
}


figure img { 
  display: inline-block;
}
figcaption {
  display: table-caption;
  caption-side: bottom;
  text-align: center;
  font-family: "Report","Helvetica Neue",sans-serif;
  color: dimgray;
  font-size: 20px;
}
figcaption a {
  color: dimgray;
}
/* captions under embedded iframes */
h4 {
  font-family: "Report", "Helvetica Neue", sans-serif;
  text-align: center;
  font-weight: normal;
  color: dimgray;
  font-size: 20px;
}
/* scrollable site updates text box */
.updates { 
  overflow-y: auto; 
  margin: 0; 
  width: 100%; 
  height: 500px; 
  text-align: left;
  vertical-align: top; 
}
/* for lists of articles */
/* block with image */
.newsblock1 { 
  width: 45%; 
  display: inline-block; 
  vertical-align: top; 
}
.newsblock1 img { 
  width: 100%; 
  border-radius: 25px; 
}
@media only screen and (max-width: 920px) {
  .newsblock1 { width: 100%; }
  .newsblock1 img { width: 100%; }
}
/* block with text */
.newsblock2 { 
  display: inline-block; 
  width: 50%; 
  vertical-align: top; 
}
@media only screen and (max-width: 920px) {
  .newsblock2 { width: 100%; } 
  .newsblock2 p { margin: 10px 0; padding: 0; }
}
/* container for entire block (text + image) */
.newsblockholder { 
  display: inline-block;
  margin: 10px 30px; 
  vertical-align: top; 
}