blog-static/content/writing/pynchon/style.scss

@import "variables.scss";
@import "margin.scss";

body {
  text-align: left;
  background-color: white;
  color: black;

  /* reset to light mode */
  @each $varName, $varDefault in $css-vars {
      --#{$varName}: #{$varDefault};
  }
}

h1, h2, h3, h4, h5, h6 {
  font-family: "Times New Roman"
}

h2 {
  font-size: 18pt;
  margin-bottom: 0.2in;
}

.warning {
  max-width: $container-width;
}

.halfpage {
  width: 5.5in;
  height: 8.5in;
  padding: 0.25in;
  box-sizing: border-box;
  border: $standard-border;
  flex-shrink: 0;
  margin: 0.25in;

  h2 {
    display: block;
  }

  @media screen and (max-width: 5.5in) {
    width: auto;
    height: auto;
    margin: 0;
    border-left: none;
    border-right: none;
  }
}

p {
  margin-top: 0;
  margin-bottom: 0.1in;
}

html .container {
  max-width: 12in;
  position: static;

  &:not(main) {
    @include below-two-margins {
      padding: 0 $container-min-padding 0 $container-min-padding;
    }
  }
}

main.container {
  font-family: "Times New Roman";
  font-size: 12pt;
  line-height: 14pt;

  display: flex;
  box-sizing: border-box;
  flex-wrap: wrap;
  justify-content: left;

  & > h2 {
    display: none; /* copied title is on the page */
  }

  @media screen and (max-width: 5.5in) {
    display: block;
  }

  @media screen and (max-width: 12in) {
    justify-content: center;
  }
}

hr {
  padding-top: 0.1in;
  padding-bottom: 0.1in;
  line-height: 0.1in;
}