/**
 * Typography & Text styles
 * Forked from https://github.com/zirafa/simple-website-template/blob/gh-pages/style.css
 */

/* html is set to 62.5% so that all the REM measurements are based on 10px sizing. So basically 1.5rem = 15px */
html {
  background: rgba(0, 0, 0, 0.825);
  color: #ffffff;
  font-size: 62.5%;
}
body {
  font-size: 1.5em; /* currently ems cause chrome bug misinterpreting rems on body element */
  line-height: 1.6;
  font-weight: 400;
  font-family: "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

/**
 * Links
 */
a {
  font-weight: bold;
  text-decoration: none;
  color: #ef6d3d;
}
a:focus {
  outline: thin dotted;
}

a:focus,
a:hover {
  color: #ffffff;
  background-color: #0060a1;
}
small {
  font-size: 75%;
}

/**
 * Headings
 */
h1,
h2,
h3,
h4,
h5,
h6 {
  line-height: 1;
  text-rendering: optimizeLegibility; /*  voodoo to enable ligatures and kerning | https://developer.mozilla.org/en-US/docs/CSS/text-rendering */
  margin-bottom: 1.5rem;
  font-weight: 300;
}
h1 {
  font-size: 3.6rem;
  line-height: 1.25;
  letter-spacing: -0.1rem;
}
h2 {
  font-size: 3rem;
  line-height: 1.3;
  letter-spacing: -0.1rem;
}
h3 {
  font-size: 2.4rem;
  line-height: 1.35;
  letter-spacing: -0.08rem;
}
h4 {
  font-size: 1.8rem;
  line-height: 1.5;
  letter-spacing: -0.05rem;
}
h5 {
  font-size: 1.5rem;
  line-height: 1.6;
  letter-spacing: 0;
}
h6 {
  font-size: 1.4rem;
  line-height: 1.6;
  letter-spacing: 0;
}

/**
 * Paragraphs
 */
p {
  margin: 1.5em auto 0 auto; /* bottom margin for paragraphs */
}

/**
 * Quotes & Blockquotes
 */
q {
  quotes: "\00201C" "\00201D";
}
q:before {
  content: open-quote;
}
q:after {
  content: close-quote;
}

blockquote {
  /*background-color: #F8F8F8;*/
  border-left: 2px solid #afc0d2;
  margin: 1.6em 10%;
  padding: 0.75em 1em;
  font-size: 1.8rem;
}
blockquote p:last-child {
  margin-bottom: 0;
}

/**
 * Layout styles
 */

body {
  margin: 2.5rem;
}
header {
  padding-top: 25px;
}
.github {
  background-image: url("data:image/svg+xml,%3Csvg%20width%3D%22128%22%20height%3D%22128%22%20viewBox%3D%220%200%20128%20128%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M56.7937%2084.9688C44.4187%2083.4688%2035.7%2074.5625%2035.7%2063.0313C35.7%2058.3438%2037.3875%2053.2813%2040.2%2049.9063C38.9812%2046.8125%2039.1687%2040.25%2040.575%2037.5313C44.325%2037.0625%2049.3875%2039.0313%2052.3875%2041.75C55.95%2040.625%2059.7%2040.0625%2064.2937%2040.0625C68.8875%2040.0625%2072.6375%2040.625%2076.0125%2041.6563C78.9187%2039.0313%2084.075%2037.0625%2087.825%2037.5313C89.1375%2040.0625%2089.325%2046.625%2088.1062%2049.8125C91.1062%2053.375%2092.7%2058.1563%2092.7%2063.0313C92.7%2074.5625%2083.9812%2083.2813%2071.4187%2084.875C74.6062%2086.9375%2076.7625%2091.4375%2076.7625%2096.5938L76.7625%20106.344C76.7625%20109.156%2079.1062%20110.75%2081.9187%20109.625C98.8875%20103.156%20112.2%2086.1875%20112.2%2065.1875C112.2%2038.6563%2090.6375%2017%2064.1062%2017C37.575%2017%2016.2%2038.6562%2016.2%2065.1875C16.2%2086%2029.4187%20103.25%2047.2312%20109.719C49.7625%20110.656%2052.2%20108.969%2052.2%20106.438L52.2%2098.9375C50.8875%2099.5%2049.2%2099.875%2047.7%2099.875C41.5125%2099.875%2037.8562%2096.5%2035.2312%2090.2188C34.2%2087.6875%2033.075%2086.1875%2030.9187%2085.9063C29.7937%2085.8125%2029.4187%2085.3438%2029.4187%2084.7813C29.4187%2083.6563%2031.2937%2082.8125%2033.1687%2082.8125C35.8875%2082.8125%2038.2312%2084.5%2040.6687%2087.9688C42.5437%2090.6875%2044.5125%2091.9063%2046.8562%2091.9063C49.2%2091.9063%2050.7%2091.0625%2052.8562%2088.9063C54.45%2087.3125%2055.6687%2085.9063%2056.7937%2084.9688Z%22%20fill%3D%22white%22%2F%3E%3C%2Fsvg%3E");
  display: block;
  height: 12.8rem;
  text-indent: -100vw;
  width: 12.8rem;
}
.headshot {
  border-radius: 50%;
  height: 26rem;
  width: 26rem;
}

@media (min-width: 800px) {
  body {
    max-width: 80rem;
    margin: 2.5rem auto;
  }
}

@media (prefers-color-scheme: light) {
  html {
    background-color: #ffffff;
    color: #000000;
  }
  a {
    color: #0060a1;
  }
  .github {
    background-image: url("data:image/svg+xml,%3Csvg%20width%3D%22128%22%20height%3D%22128%22%20viewBox%3D%220%200%20128%20128%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M56.7937%2084.9688C44.4187%2083.4688%2035.7%2074.5625%2035.7%2063.0313C35.7%2058.3438%2037.3875%2053.2813%2040.2%2049.9063C38.9812%2046.8125%2039.1687%2040.25%2040.575%2037.5313C44.325%2037.0625%2049.3875%2039.0313%2052.3875%2041.75C55.95%2040.625%2059.7%2040.0625%2064.2937%2040.0625C68.8875%2040.0625%2072.6375%2040.625%2076.0125%2041.6563C78.9187%2039.0313%2084.075%2037.0625%2087.825%2037.5313C89.1375%2040.0625%2089.325%2046.625%2088.1062%2049.8125C91.1062%2053.375%2092.7%2058.1563%2092.7%2063.0313C92.7%2074.5625%2083.9812%2083.2813%2071.4187%2084.875C74.6062%2086.9375%2076.7625%2091.4375%2076.7625%2096.5938L76.7625%20106.344C76.7625%20109.156%2079.1062%20110.75%2081.9187%20109.625C98.8875%20103.156%20112.2%2086.1875%20112.2%2065.1875C112.2%2038.6563%2090.6375%2017%2064.1062%2017C37.575%2017%2016.2%2038.6562%2016.2%2065.1875C16.2%2086%2029.4187%20103.25%2047.2312%20109.719C49.7625%20110.656%2052.2%20108.969%2052.2%20106.438L52.2%2098.9375C50.8875%2099.5%2049.2%2099.875%2047.7%2099.875C41.5125%2099.875%2037.8562%2096.5%2035.2312%2090.2188C34.2%2087.6875%2033.075%2086.1875%2030.9187%2085.9063C29.7937%2085.8125%2029.4187%2085.3438%2029.4187%2084.7813C29.4187%2083.6563%2031.2937%2082.8125%2033.1687%2082.8125C35.8875%2082.8125%2038.2312%2084.5%2040.6687%2087.9688C42.5437%2090.6875%2044.5125%2091.9063%2046.8562%2091.9063C49.2%2091.9063%2050.7%2091.0625%2052.8562%2088.9063C54.45%2087.3125%2055.6687%2085.9063%2056.7937%2084.9688Z%22%20fill%3D%22black%22%2F%3E%3C%2Fsvg%3E");
  }
}