/* Stylesheet for P23 website */

html {
  font-family: "PT Sans", sans-serif;
  font-size: 1.1em;
  display: flex;
  flex-direction: row;
  justify-content: left;
  background-color: black;
  color: white;
  margin-left: 35%;

}

/* Headers, links, body text */

h1,
h2,
h3,
h4,
h5 {
  color: white;
}

p,
b,
strong {
  color: white;
}

a {
  color: whitesmoke;
}

body {
  overflow-x: scroll;
  display: flex;
  flex-direction: column;
  font-size: 1.2em;
  max-width: 60ch;
}

/* Header, titles, and navbar */

.site-title {
  font-size: 2.5em;
  margin-bottom: 0px;
}

.page-title {
  font-size: 1.8em;
  margin-bottom: 10px;
}

nav {
  display: flex;
  flex-direction: row;
  justify-content: left;
  font-size: 1.2em;
  margin-bottom: 20px;
}

.tagline {
  font-style: italic;
  color: lightgray;
  margin-bottom: 10px;
}

/* Footer */ 

footer {
  margin-top: 30px;
  display: flex;
  flex-direction: column;
  align-items: left;
  color: white;
}

/* Images, quotes */ 

img {
  max-width: 100vw;
}

blockquote {
  font-style: italic;
  border-left: 3px solid white;
  margin: 0px;
  padding-left: 1em;
}