body {
  display: flex;
  justify-content: center;
  flex-direction: column;
  margin: 20pt 0;
  font-family: 'JetBrains Mono', monospace;
  line-height: 1.8;
}
a {text-decoration: underline; text-decoration-thickness: 2px;}
p {margin: 5pt;}
.socials {width: 20pt; height: 20pt; margin-right: 8pt; margin-bottom: 10pt;}
#profile {border-radius: 50%; margin: auto;}
#greeting {margin: 20pt auto 20pt auto;}
ul.dash {
  list-style: none;
  margin-left: 0;
  padding-left: 1em;
}
ul.dash > li:before {
  display: inline-block;
  content: "-";
  width: 1em;
  margin-left: -1em;
}
.light-mode {
  color: #444444;
  background-color: #F2F2F2;
}
.light-mode a, .light-mode h2, .light-mode h3, .light-mode ul, .light-mode strong {color: #0F1A20;}
.dark-mode {
  color: #FAFAFA;
  background-color: #222222;
}
.dark-mode a, .dark-mode h2, .dark-mode h3, .dark-mode ul, .dark-mode strong {color: #FAFAFA;}
.dark-mode .socials {
  filter: invert(100%) sepia(0%) saturate(318%) hue-rotate(65deg) brightness(114%) contrast(90%);
}
@media only screen and (min-width: 1000px) {
  #profile { height: 20vw; width: 20vw; }
  body {padding: 0 20%;}
}
@media only screen and (max-width: 1000px) {
  #profile { height: 30vw; width: 30vw; }
  body { padding: 0 15%; }
}
@media only screen and (max-width: 640px) {
  #profile { height: 50vw; width: 50vw; }
  body { padding: 0 10%; }
}