/*!
 * Cssume v0.2.3
 * https://markdone.github.io/cssume/
 *
 * Copyright (c) 2019 qingwei-li
 * Licensed under the MIT license
 */

body {
  font-family: -apple-system, BlinkMacSystemFont, 'avenir next', avenir, 'segoe ui', 'fira sans', roboto, noto, 'droid sans', 'liberation sans', 'lucida grande', 'helvetica neue', helvetica, 'franklin gothic medium', 'century gothic', cantarell, oxygen, ubuntu, sans-serif;
  font-weight: 300;
  color: #323336;
  font-size: 16px;
  line-height: 1.5;
  margin: 0 auto;
  width: 580px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  position: relative;
  margin-bottom: 150px;
  margin-top: 50px;
}
@media (max-width: 620px) {
  body {
    width: auto;
    margin: 50px 20px;
  }
}
a[title]::before {
  content: '';
  height: 20px;
  width: 20px;
  display: inline-block;
  vertical-align: middle;
  margin-right: 10px;
}
a[title='github']::before {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%20512%20512'%3E%3Crect%20width%3D'512'%20height%3D'512'%20rx%3D'50%25'%20fill%3D'%231B1817'%2F%3E%3Cpath%20fill%3D'%23fff'%20d%3D'M335%20499c14%200%2012%2017%2012%2017H165s-2-17%2012-17c13%200%2016-6%2016-12l-1-50c-71%2016-86-28-86-28-12-30-28-37-28-37-24-16%201-16%201-16%2026%202%2040%2026%2040%2026%2022%2039%2059%2028%2074%2022%202-17%209-28%2016-35-57-6-116-28-116-126%200-28%2010-51%2026-69-3-6-11-32%203-67%200%200%2021-7%2070%2026%2042-12%2086-12%20128%200%2049-33%2070-26%2070-26%2014%2035%206%2061%203%2067%2016%2018%2026%2041%2026%2069%200%2098-60%20120-117%20126%2010%208%2018%2024%2018%2048l-1%2070c0%206%203%2012%2016%2012z'%2F%3E%3C%2Fsvg%3E");
}
a[title=email]::before {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%20512%20512'%3E%3Crect%20width%3D'512'%20height%3D'512'%20rx%3D'50%25'%20fill%3D'teal'%2F%3E%3Crect%20width%3D'356'%20height%3D'256'%20x%3D'78'%20y%3D'128'%20fill%3D'%23fff'%20rx%3D'8%25'%2F%3E%3Cpath%20fill%3D'none'%20stroke%3D'teal'%20stroke-width%3D'20'%20d%3D'M434%20128L269%20292c-7%208-19%208-26%200L78%20128m0%20256l129-128m227%20128L305%20256'%2F%3E%3C%2Fsvg%3E");
}
a[title=website]::before {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%20512%20512'%3E%3Crect%20width%3D'512'%20height%3D'512'%20rx%3D'50%25'%20fill%3D'%23e8e9eb'%2F%3E%3Cpath%20stroke%3D'%233d515b'%20stroke-width%3D'61'%20d%3D'M101%20134h187zm246%200h61zM101%20257h310zm0%20121h123zm187%200h123z'%2F%3E%3C%2Fsvg%3E");
}
a[title=phone]::before {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%20512%20512'%20fill%3D'%23fff'%3E%3Crect%20width%3D'512'%20height%3D'512'%20rx%3D'50%25'%20fill%3D'%2345d354'%2F%3E%3Cpath%20d%3D'M308%20273c-3-2-6-3-9%201l-12%2016c-3%202-5%203-9%201-15-8-36-17-54-47-1-4%201-6%203-8l9-14c2-2%201-4%200-6l-12-29c-3-8-6-7-9-7h-8c-2%200-6%201-10%205-22%2022-13%2053%203%2073%203%204%2023%2040%2066%2059%2032%2014%2039%2012%2048%2010%2011-1%2022-10%2027-19%201-3%206-16%202-18'%2F%3E%3Cpath%20d%3D'M264%20384c-41%200-72-22-72-22l-49%2013%2012-48s-20-31-20-70c0-72%2059-132%20132-132%2068%200%20126%2053%20126%20127%200%2072-58%20131-129%20132m-159%2029l83-23a158%20158%200%200%200%20230-140c0-86-68-155-154-155a158%20158%200%200%200-137%20236'%2F%3E%3C%2Fsvg%3E");
}
a[title=linkedin]::before {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%20512%20512'%20fill%3D'%23fff'%3E%3Crect%20width%3D'512'%20height%3D'512'%20rx%3D'50%25'%20fill%3D'%230077b5'%2F%3E%3Ccircle%20cx%3D'142'%20cy%3D'138'%20r%3D'37'%2F%3E%3Cpath%20stroke%3D'%23fff'%20stroke-width%3D'66'%20d%3D'M244%20194v198M142%20194v198'%2F%3E%3Cpath%20d%3D'M276%20282c0-20%2013-40%2036-40%2024%200%2033%2018%2033%2045v105h66V279c0-61-32-89-76-89-34%200-51%2019-59%2032'%2F%3E%3C%2Fsvg%3E");
}
h1,
h2 {
  text-transform: uppercase;
}
h1,
h2,
h3 {
  font-weight: 600;
  line-height: 1;
  margin: 0;
}
h1 {
  padding-top: 9px;
  font-size: 30px;
  letter-spacing: 1.3px;
  margin-bottom: 45px;
}
p {
  margin: 0 0 7px;
  color: #96999b;
}
blockquote {
  margin: 0;
  padding: 0;
}
blockquote > p {
  color: #323336;
}
ul,
ol {
  padding: 0;
  list-style: none;
  margin: 20px 0 0 0;
}
ul li {
  margin-top: 10px;
}
ol::after,
ol::before {
  content: '';
  display: table;
}
ol::after {
  clear: both;
}
ol > li {
  float: left;
  margin-right: 20px;
  margin-bottom: 12px;
}
ol a[title]::before {
  margin-right: 6px;
}
hr {
  border: none;
}
hr ~ p {
  color: #323336;
}
hr ~ h3 {
  margin-top: 60px;
}
hr ~ h2 + h3 {
  margin-top: 0;
}
hr ~ ul,
hr ~ ol {
  padding-left: 35px;
  list-style: disc;
}
hr ~ ul li,
hr ~ ol li {
  margin-top: 4px;
}
hr ~ * a {
  text-decoration: underline;
  content: none !important;
}
h2 {
  margin-top: 72px;
  margin-bottom: 36px;
  color: #c9cccf;
  font-size: 12px;
}
h2,
h3 {
  letter-spacing: 1.2px;
}
h3 {
  font-size: 18px;
  font-weight: 600;
  padding-bottom: 12px;
}
a {
  color: inherit;
  text-decoration: none;
}
h3>a:not(.anchorjs-link) {
  text-decoration: none;
}
h3>a:not(.anchorjs-link)::after {
  display: inline-block;
  content: '';
  height: 14px;
  width: 14px;
  margin-left: 5px;
  background-size: 14px 14px;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 10'%3E%3Cpath fill='%23999' d='M3 1v1h4.5L.8 8.6l.6.6L8 2.5V7h1V1z'/%3E%3C/svg%3E");
}
h3 + p strong {
  color: #96999b;
  font-weight: 300;
}
h3 + p em {
  color: #96999b;
  font-style: normal;
}
h3 + p > *:not(:first-child)::before {
  content: '';
  padding-left: 6px;
  margin-left: 2px;
  height: 0.8em;
  border-left: 1px solid #96999b;
  display: inline-block;
}
h2 + ul {
  margin: 0;
  padding: 0;
}
h2 + ul::before,
h2 + ul::after {
  content: '';
  display: table;
}
h2 + ul::after {
  clear: both;
}
h2 + ul > li {
  float: left;
  padding: 5px 18px;
  background-color: #f1f5f7;
  margin-right: 3px;
  margin-bottom: 12px;
  font-size: 14px;
  display: inline-block;
}
img,
picture {
  display: block;
  max-width: 100%;
  margin: 0 auto;
}
@media print {
  ul a[title]::before,
  ol a[title]::before {
    content: attr(title);
    width: 80px;
    vertical-align: baseline;
    background-image: none;
  }
  ol li {
    float: none;
  }
}