@font-face {
  font-family: 'AKGRREG';
  src: url(../fonts/AkzidenzGrotesk-Regular.woff);
  font-style: normal;
}

@font-face {
  font-family: 'AKGREXT';
  src: url(../fonts/Grotesque_MT_Std_Bold_Extended-1.woff);
  font-style: normal;
}


body {
  background-color: #f6f3ef;
  color: #000000;
  max-width: 80%;
  margin-left: 5%;
  font-family: 'AKGRREG';
}

h1 {
  font-family: 'AKGREXT';
  font-size: 1.5em;
  margin-top: 1em;
  margin-bottom: .5em;
}

h2 {
  font-family: 'AKGREXT';
  font-size: 1.5em;
  margin: 0;
  padding-top: 1em;
}

p {
  margin-top: 0;
  margin-bottom: 1em;
}

.secthead {
  font-family: 'AKGREXT';
  font-size: 1.5em;
}


a {
  background-color: #ffffff;
  text-decoration: none;
  color: black;
}


a:hover {
  font-style: italic;

}

a:visited {
  color: #000000;
}

ul {
  list-style-type: square;
  margin: 20px;
  padding: 0;
}

.italic {
  font-style: italic;
}

.post img {
  display: block;
  max-width: 95%;
  margin-right: 5%;
}

.post iframe {
  max-width: 95%;
  margin-right: 5%;
  border: none;
}

.button {
  color: #000000;
  font-family: 'AKGREXT';
  background-color: #ffffff;
  border: none;
  padding: 7px 6px 2px 6px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 23px;
  line-height: 24px;
  margin: 4px 2px;
  cursor: pointer;
}

.button:hover {
  box-shadow: 1px 1px;
}

button:visited {
  color: #000000;
}

.button2 {
  color: #000000;
  font-family: 'AKGREXT';
  background-color: #ffffff;
  border: none;
  padding: 7px 6px 2px 6px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 13px;
  margin: 4px 0px;
  cursor: pointer;
}

.button2:hover {
  box-shadow: 1px 1px;
}

.button2:visited {
  color: #000000;
}

#questDiv {
  position: fixed;
  top: 5%;
  left: 90%;
}

#aboutDiv {
  background-color: #c7d0d9;
  text-decoration: none;
  display: none;
  width: 500px;
  position: fixed;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  z-index: 10;
}

.aboutinside {
  margin-top: 5%;
  margin-left: 5%;
  max-width: 85%;
}

.flickity-button:hover {
  background: transparent;
  cursor: pointer;
}

.header, main {
  max-width: 500px;
}

.image-300 img, img.image-300 {
  max-height: 300px;
}

.image-400 img, img.image-400 {
  max-height: 400px;
}

.image-500 img, img.image-500 {
  max-height: 500px;
}

.image-650 img, img.image-650 {
  max-height: 650px;
}

.dice {
  font-size: 175%;
}

hr.illustrator {
  color: #ff0000;
  border: none;
  height: 5px;
  height: 5px;
  background-image: url("data:image/svg+xml;charset=utf8, %3Csvg id='squiggly' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' xmlns:ev='http://www.w3.org/2001/xml-events' viewBox='0 0 20 4'%3E%3Cpath fill='none' stroke='black' stroke-width='1' class='st0' d='M0, 3.5 c 5, 0, 5, -3, 10, -3 s 5, 3, 10, 3 c 5, 0, 5, -3, 10, -3 s 5, 3, 10, 3'/%3E%3C/svg%3E");
}

hr.dork {
  color: black;
  border: none;
  border-top: 2px dashed
}

hr.break {
  border: 0;
  height: 0;
  border-top: 1px solid #000000;
}

hr.author {
  border: 3px solid black;

}

hr.green {
  color: #bada55;
  border: none;
  border-top: 2px dashed;
}


hr.designer {
  height: 5px;
  border: none;
  position: relative;
}

hr.designer::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 6px;
  background-image: radial-gradient(#000000 0%, #000000 50%, transparent 50%, transparent 100%);
  background-size: 6px 6px;
}


hr.hostess {
  background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDI3LjAuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHZpZXdCb3g9IjAgMCAxOS44NyAxMy4zNiIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMTkuODcgMTMuMzY7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4KPHN0eWxlIHR5cGU9InRleHQvY3NzIj4KCS5zdDB7ZmlsbDpub25lO3N0cm9rZTojMDAwMDAwO3N0cm9rZS1saW5lam9pbjpyb3VuZDtzdHJva2UtbWl0ZXJsaW1pdDoxMDt9Cgkuc3Qxe2ZpbGw6bm9uZTtzdHJva2U6IzAwMDAwMDtzdHJva2Utd2lkdGg6MjtzdHJva2UtbGluZWNhcDpyb3VuZDtzdHJva2UtbGluZWpvaW46cm91bmQ7c3Ryb2tlLW1pdGVybGltaXQ6MTA7fQo8L3N0eWxlPgo8cGF0aCBjbGFzcz0ic3QwIiBkPSJNNDE2LjIxLDcuNjFjLTUuMywxLjYxLTEyLjU4LDMuNjEtMTUuOTEsMy42MWMtNS41NSwwLTAuMS01LjU5LTAuMS01LjU5cy0xNi41Niw1LjU5LTIyLjExLDUuNTloMC4yMQoJYy01LjU1LDAtMC4wOC01LjU5LTAuMDgtNS41OXMtMTYuNTYsNS41OS0yMi4xLDUuNTljLTUuNTUsMC0wLjA5LTUuNTktMC4wOS01LjU5cy0xNi41Niw1LjU5LTIyLjEsNS41OQoJYy01LjU1LDAtMC4wOS01LjU5LTAuMDktNS41OXMtMTYuNTYsNS41OS0yMi4xLDUuNTljLTUuNTUsMC0wLjA5LTUuNTktMC4wOS01LjU5cy0xNi41Niw1LjU5LTIyLjEsNS41OQoJYy01LjU1LDAtMC4wOS01LjU5LTAuMDktNS41OSIvPgo8cGF0aCBjbGFzcz0ic3QxIiBkPSJNMTkuNDcsMTAuOTdjMCwwLTMuMjgsMC4yNy01LjM5LTAuNzFjLTEuNDItMC42Ni0yLjQ2LTIuMTQtMi42OC0zLjY5Yy0wLjIzLTEuNTUsMC42NC0zLjMsMi4xNS0zLjc1CgljMS41Ny0wLjQ3LDMuMzQsMC42NiwzLjg0LDIuMjJjMC41LDEuNTYtMC4xMiwzLjM0LTEuMjksNC40OGMtMS4xNywxLjE0LTIuNzcsMS40Ni00LjQsMS40NmMwLDAtNS4zNywwLjI3LTcuNDgtMC43MQoJQzIuNzgsOS42LDEuNzUsOC4xMiwxLjUyLDYuNTdjLTAuMjMtMS41NSwwLjY0LTMuMywyLjE1LTMuNzVjMS41Ny0wLjQ3LDMuMzQsMC42NiwzLjg0LDIuMjJjMC41LDEuNTYtMC4xMiwzLjM0LTEuMjksNC40OAoJcy0yLjc3LDEuNDYtNC40LDEuNDZjLTEuMTQsMC0xLjM1LDAtMS4zNSwwIi8+Cjwvc3ZnPgo=");
  background-position: 50%;
  background-repeat: round;
  background-size: contain;
  border: none !important;
  height: 14px;
}

hr.charlie {
  background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDI3LjAuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHZpZXdCb3g9IjAgMCAyMC4xMiA5LjI5IiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCAyMC4xMiA5LjI5OyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+CjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+Cgkuc3Qwe2ZpbGw6bm9uZTtzdHJva2U6IzAwMDAwMDtzdHJva2Utd2lkdGg6MS41O3N0cm9rZS1saW5lY2FwOnJvdW5kO3N0cm9rZS1saW5lam9pbjpyb3VuZDtzdHJva2UtbWl0ZXJsaW1pdDoxMDt9Cjwvc3R5bGU+CjxnPgoJPHBvbHlsaW5lIGNsYXNzPSJzdDAiIHBvaW50cz0iMC4yNSwxLjkgMy41NSw3LjkgNi44NiwxLjkgMTAuMTcsNy45IDEzLjQ4LDEuOSAxNi44LDcuOSAyMC4xMiwxLjkgCSIvPgo8L2c+Cjwvc3ZnPgo=");
  background-position: 50%;
  background-repeat: round;
  background-size: contain;
  border: none !important;
  height: 13px;
}

hr.anthora {
  background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDI3LjAuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHZpZXdCb3g9IjAgMCAyOC42MiAyMS45NyIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMjguNjIgMjEuOTc7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4KPHN0eWxlIHR5cGU9InRleHQvY3NzIj4KCS5zdDB7ZmlsbDpub25lO3N0cm9rZTojMDAwMDAwO3N0cm9rZS13aWR0aDoyLjM4NDY7c3Ryb2tlLWxpbmVjYXA6cm91bmQ7c3Ryb2tlLWxpbmVqb2luOnJvdW5kO3N0cm9rZS1taXRlcmxpbWl0OjEwO30KPC9zdHlsZT4KPHBvbHlsaW5lIGNsYXNzPSJzdDAiIHBvaW50cz0iMCwxOC44MSA2LjUsMTguODEgNi41LDQuNSAyNC41LDQuNSAyNC41LDEzLjM5IDE5LjA4LDEzLjM5IDE5LjA4LDkuNyAxMi4yNSw5LjcgMTIuMjUsMTguODEgCgkyOC42MiwxOC44MSAiLz4KPC9zdmc+Cg==");
  background-position: 50%;
  background-repeat: round;
  background-size: contain;
  border: none !important;
  height: 15px;
}

hr.lettering {
  background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDI3LjAuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHZpZXdCb3g9IjAgMCA0Ni4wOSAyMCIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgNDYuMDkgMjA7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4KPHN0eWxlIHR5cGU9InRleHQvY3NzIj4KCS5zdDB7ZmlsbDpub25lO3N0cm9rZTojMDAwMDAwO3N0cm9rZS13aWR0aDoyO3N0cm9rZS1saW5lY2FwOnJvdW5kO3N0cm9rZS1saW5lam9pbjpyb3VuZDtzdHJva2UtbWl0ZXJsaW1pdDoxMDt9Cgkuc3Qxe2ZpbGw6bm9uZTtzdHJva2U6IzAwMDAwMDtzdHJva2UtbGluZWpvaW46cm91bmQ7c3Ryb2tlLW1pdGVybGltaXQ6MTA7fQo8L3N0eWxlPgo8cGF0aCBjbGFzcz0ic3QwIiBkPSJNNDUuMDksMTIuNzljLTUuNTUsMC0wLjA5LTUuNTktMC4wOS01LjU5cy0xNi41Niw1LjU5LTIyLjExLDUuNTljLTUuNTUsMC0wLjEtNS41OS0wLjEtNS41OQoJUzYuMjMsMTIuNzksMC42OCwxMi43OSIvPgo8cGF0aCBjbGFzcz0ic3QxIiBkPSJNNDE2LjgzLDkuMThjLTUuMywxLjYxLTEyLjU4LDMuNjEtMTUuOTEsMy42MWMtNS41NSwwLTAuMS01LjU5LTAuMS01LjU5cy0xNi41Niw1LjU5LTIyLjExLDUuNTloMC4yMQoJYy01LjU1LDAtMC4wOC01LjU5LTAuMDgtNS41OXMtMTYuNTYsNS41OS0yMi4xLDUuNTljLTUuNTUsMC0wLjA5LTUuNTktMC4wOS01LjU5cy0xNi41Niw1LjU5LTIyLjEsNS41OQoJYy01LjU1LDAtMC4wOS01LjU5LTAuMDktNS41OXMtMTYuNTYsNS41OS0yMi4xLDUuNTljLTUuNTUsMC0wLjA5LTUuNTktMC4wOS01LjU5cy0xNi41Niw1LjU5LTIyLjEsNS41OQoJYy01LjU1LDAtMC4wOS01LjU5LTAuMDktNS41OSIvPgo8L3N2Zz4K");
  background-position: 50%;
  background-repeat: round;
  background-size: contain;
  border: none !important;
  height: 13px;
}

hr.cook {
  background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDI3LjAuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHZpZXdCb3g9IjAgMCAyMC4wOSAyMCIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMjAuMDkgMjA7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4KPHN0eWxlIHR5cGU9InRleHQvY3NzIj4KCS5zdDB7ZmlsbDpub25lO3N0cm9rZTojMDAwMDAwO3N0cm9rZS1saW5lam9pbjpyb3VuZDtzdHJva2UtbWl0ZXJsaW1pdDoxMDt9Cgkuc3Qxe2ZpbGw6bm9uZTtzdHJva2U6IzAwMDAwMDtzdHJva2Utd2lkdGg6MjtzdHJva2UtbGluZWNhcDpyb3VuZDtzdHJva2UtbGluZWpvaW46cm91bmQ7c3Ryb2tlLW1pdGVybGltaXQ6MTA7fQo8L3N0eWxlPgo8cGF0aCBjbGFzcz0ic3QwIiBkPSJNNDE2LjgzLDkuMThjLTUuMywxLjYxLTEyLjU4LDMuNjEtMTUuOTEsMy42MWMtNS41NSwwLTAuMS01LjU5LTAuMS01LjU5cy0xNi41Niw1LjU5LTIyLjExLDUuNTloMC4yMQoJYy01LjU1LDAtMC4wOC01LjU5LTAuMDgtNS41OXMtMTYuNTYsNS41OS0yMi4xLDUuNTljLTUuNTUsMC0wLjA5LTUuNTktMC4wOS01LjU5cy0xNi41Niw1LjU5LTIyLjEsNS41OQoJYy01LjU1LDAtMC4wOS01LjU5LTAuMDktNS41OXMtMTYuNTYsNS41OS0yMi4xLDUuNTljLTUuNTUsMC0wLjA5LTUuNTktMC4wOS01LjU5cy0xNi41Niw1LjU5LTIyLjEsNS41OQoJYy01LjU1LDAtMC4wOS01LjU5LTAuMDktNS41OSIvPgo8bGluZSBjbGFzcz0ic3QxIiB4MT0iMi4yMiIgeTE9IjE3Ljc4IiB4Mj0iMTcuNzgiIHkyPSIyLjIyIi8+Cjwvc3ZnPgo=");
  background-position: 50%;
  background-repeat: round;
  background-size: contain;
  border: none !important;
  height: 8px;
}

.flickity-button {
  background: transparent;
  width: 30px;
  height: 30px;
}

.linechart {
  font-size: 14px;
  max-width: 500px;
}

article.post {
  margin-bottom: 2em;
  padding-bottom: 10px;
}

article.post.hide {
  display: none;
}

.posts.invisible article.post {
  opacity: 0;
}


.tooltip {
  font-size: 14px;
  position: fixed;
  z-index: 100;
  background: #c7d0d9;
  color: black;
  padding: 2px 6px;
  transform: translate(10px, 10px);
}