@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;600;800&display=swap');

#org-div-home-and-up {
  display: none;
}

body {
  background: white;
  font-family: 'Open Sans',sans;
  font-weight: 400;
  font-size: 11pt;
  line-height: 1.5;
}

#content {
  width: 70ch;
  max-width: 80%;
  margin: auto;
  padding-top: 1rem;
  padding-bottom: 2rem;
  border-bottom: 1px solid lightgrey;
  margin-bottom: 5%;
}

h1 {
  text-align: center;
  font-family: 'Open Sans',sans;
  font-size: 200%;
  font-weight: 800;
  color: #3d608d;
}

h2 {
  font-family: 'Open Sans',sans;
  font-size: 140%;
  font-weight: 600;
  color: #3d608d;
  margin-bottom: 0.5rem;
}

h3 {
  font-family: 'Open Sans',sans;
  font-size: 100%;
  font-weight: normal;
  color: #006899;
  margin-bottom: 0.5rem;
}
h3:hover {
  cursor: pointer;
}

.outline-3 {
  margin-top: 0.5rem;
  background: #f8fcff;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  padding-right: 1rem;
  padding-left: 2rem;
  margin-right: 0rem;
}
i {
  color: #006899;
  font-style: normal;
}

a {
  color: #006899;
  text-decoration: none;
}
a:hover {
  color: #3d608d;
}

p {
  margin-bottom: 1.5rem;
}

ul {
  margin-top: 0.5rem;
  background: #f8fcff;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  padding-right: 1rem;
  margin-right: 0rem;
  list-style-image: url('bullet.svg');
}

ul li {
  margin-bottom: 1rem;
  margin-top: 1rem;
}

blockquote {
  font-size: 90%;
  padding-left: 0.5rem;
  margin: 0;
  font-style: italic;
}

.figure {
  text-align: center;
}
img {
  max-width: 90%;
  max-height: 25rem;
  filter: grayscale(1);
  transition-duration: 1s;
}
img:hover {
  filter: grayscale(0);
}

.todo {
  font-family: sans;
  font-size: 10pt;
  font-weight: normal;
  color: seagreen;
  padding-right: 0.2rem;
  text-transform: lowercase;
}
.todo::before {
  content: "(";
}
.todo::after{
  content: ")";
}

.done {
  display: none;
}

/* Folding */
.inactive {
  display: none;
}
.droparrow {
  height: 0.8rem;
  margin-right: 0.3rem;
  transform: rotate(-90deg);
  transition: 0.2s ease-in-out;
  fill: #006899;
}
.dropped {
  transform: rotate(0deg);
}

.star {
  color: #3d608d;
}