body {
  margin: auto;
  max-width: 650pt;
  background-color: #082932;
  padding: 16pt;
  font-family: sans-serif;
  color: #d4d4d4;
}

h1,
h2,
h3,
h4,
h5 {
  color: #799ba5;
  font-weight: bolder;
  font-family: "Schibsted Grotesk", sans-serif;
  margin: 25pt 0 25pt 0;
}

p {
  line-height: 20pt;
  font-size: 15pt;
  font-family: sans-serif;
}

li {
  line-height: 25pt;
}

a {
  margin: 5pt 0 5pt 0;
  color: #799ba5;
  text-decoration: none;
}

main {
  min-height: calc(90vh - 20pt);
}

.list {
  font-size: 14pt;
}

ul {
  list-style-type: none;
}

#blog-section {
  min-height: 200pt;
  margin-top: 10pt;
}

#blog-section h3,
ul {
  margin: 5pt 0 5pt 0;
}

.notes-section {
  margin-top: 20pt
}

.notes-section h3,
ul {
  margin: 5pt 0 5pt 0;
}

/**/
/* summary { */
/*   cursor: pointer; */
/*   padding: 10pt 0 10pt 0; */
/*   font-size: 18pt; */
/*   font-weight: bold; */
/* } */
/**/
/* pre { */
/*   font-size: 8pt; */
/* } */
/**/
#social-links {
  display: flex;
  gap: 10pt;
}

#social-links a {
  margin: 10pt 0 0 0;
}

#social-links p {
  margin: 5pt 0 0 0;
  margin-left: auto;
  font-size: 12pt;
}

.home {
  font-size: 20pt;
}

.all-posts-wrapper {
  display: flex;
  margin-bottom: 20pt;
  justify-content: space-between
}

.all-posts-wrapper div {
  align-self: center
}

.all-posts-wrapper a {
  padding: 2pt;
  border-bottom: 0.2pt solid #799ba5;
}

b {
  color: #f0e6d7;
}

code {
  border-radius:8px;
  padding:1rem;
  overflow:auto;
}