:root {
  --namelink-color: #000; }

body {
  font-family: 'sans-serif';
  font-size: 0.875rem; }

@media screen {
  body {
    font-size: 1rem; } }

@media (prefers-color-scheme: dark) {
  :root {
    --namelink-color: #fff; }
  body {
    background: #121212;
    color: #fff; }
  .resume-namelink:active,
  .resume-namelink:visited,
  .resume-namelink {
    color: var(--namelink-color); } }

h3, h4, h5, h6 {
  font-weight: normal; }

h2, h3, h4, h5, h6 {
  font-size: 0.875rem; }

@media screen and (min-width: 50rem) {
  .page-content {
    width: 50rem; } }

.page-content {
  margin: 1.875rem auto; }

.resume-namelink:active,
.resume-namelink:visited,
.resume-namelink {
  color: var(--namelink-color);
  text-decoration: none; }

.resume-namelink:hover {
  text-decoration: underline; }

header .contact {
  float: right;
  font-size: 0.875rem; }

@media screen and (max-width: 37.5rem) {
  header h1 {
    font-size: 0.875rem; }
  header .contact {
    float: none;
    display: block; } }

h2 {
  margin-top: 1.3125rem; }

.experience {
  page-break-inside: avoid; }
  .experience .experience-duration {
    float: right; }
  @media screen and (max-width: 37.5rem) {
    .experience .experience-duration {
      display: block;
      float: none; } }
  .experience .experience-name {
    font-style: oblique; }
  .experience p {
    margin-left: 0.875rem;
    margin-top: 0.4375rem; }
  .experience h3 {
    margin-bottom: 0;
    line-height: 1.2; }

/*# sourceMappingURL=resume.css.map */