.centreXY {
  top: 50%;
  left: 50%;
  -ms-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.centreX {
  left: 50%;
  -ms-transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}

.centreY {
  top: 50%;
  -ms-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

@-webkit-keyframes pulse {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
* {
  margin: 0;
  padding: 0;
  overscroll-behavior: none;
}

:root {
  --padding: 0.75rem;
  --gutter: 0.75rem;
  --base-paper: #ffffff;
  --base-black: rgba(0, 0, 0, 1);
  --base-white: rgba(255, 255, 255, 1);
  --black-temp-text: rgba(112, 112, 112, 1);
  --white-temp-text: rgba(146, 146, 146, 1);
  --zIndex-top: 2;
  --zIndex-middle: 1;
  --zIndex-bottom: 0;
  --single-space: 0.75rem;
  --double-space: 1.5rem;
  --tripple-space: 3rem;
  --quad-space: 6rem;
  --pent-space: 12rem;
  --mobile-single-space: 0.25rem;
  --mobile-double-space: 0.5rem;
  --mobile-tripple-space: 1rem;
  --mobile-quad-space: 2rem;
  --mobile-pent-space: 4rem;
}

html {
  background-color: var(--base-paper);
  margin: 0px;
  padding: 0px;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
  height: 100vh;
  overflow-x: hidden;
}

.invert {
  -webkit-filter: invert(100%);
  filter: invert(100%);
}

::-webkit-scrollbar {
  width: 0px;
}

::-webkit-scrollbar-thumb {
  opacity: 0;
  border-right: 0px rgba(255, 0, 0, 0) solid;
  border-top: 0px rgba(255, 0, 0, 0) solid;
  border-bottom: 0px rgba(255, 0, 0, 0) solid;
}

main.main {
  width: 100vw;
  z-index: var(--zIndex-middle);
}

::-webkit-scrollbar {
  width: 0;
}

body {
  margin: 0;
}

#page {
  display: none;
}

#loading {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 100;
  width: 100vw;
  height: 100vh;
  background-repeat: no-repeat;
  background-position: center;
}

#pdfDownloadText {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

a.pdf:hover {
  background-color: #FFFBD0;
}

@font-face {
  font-family: "GaramondBE";
  src: url(../fonts/GaramondBE.woff2), url(../fonts/GaramondBE.woff);
}
@font-face {
  font-family: "GaramondBEItalic";
  src: url(../fonts/GaramondBE-Italic.woff2), url(../fonts/GaramondBE-Italic.woff);
}
h1 {
  font-family: "Helvetica Neue";
  font-weight: normal;
  margin: auto;
  text-align: center;
  color: #ffffff;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
}

span {
  font-family: "GaramondBE";
  font-weight: lighter;
  text-align: center;
  font-size: 1vw;
  line-height: 1.25vw;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
}

span.list-text {
  padding-left: 1vw;
}

h1#playpause {
  cursor: pointer;
}

div#issues {
  opacity: 0;
  pointer-events: none;
}

div#issues.hovered {
  opacity: 1;
  pointer-events: all;
  transition-duration: 1s;
}

li {
  color: black;
}

div {
  color: black;
}

span.list_item {
  display: flex;
}

a {
  text-decoration: none;
  cursor: pointer;
  font-family: "GaramondBE";
  font-weight: lighter;
  text-align: center;
  font-size: 1vw;
  color: #000000;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
}

a.mail {
  color: black;
}

a.mail:hover {
  color: #0093FF;
}

p {
  font-family: "GaramondBE";
  font-weight: lighter;
  text-align: center;
  font-size: 1vw;
  line-height: 1.25vw;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
}

p.about_text {
  font-family: "GaramondBE";
  text-align: left;
  color: black;
  font-size: 1vw;
  line-height: 1.25vw;
  line-height: 1.25vw;
  font-weight: lighter;
  padding-left: 1vw;
  margin-top: 2vh;
  width: 61%;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
}

p.stocklists_text {
  font-family: "GaramondBE";
  text-align: left;
  color: black;
  font-size: 1vw;
  line-height: 1.25vw;
  font-weight: lighter;
  margin-left: 2.5%;
  width: 100%;
  overflow: scroll;
  z-index: 200;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
}

@media (max-width: 700px) {
  p.about_text {
    margin-left: 0%;
  }
  p.stocklists_text {
    margin-left: 0%;
  }
}
p.stocklists_text::-webkit-scrollbar {
  display: none;
}

@media (max-width: 700px) {
  a {
    font-size: 14px;
    line-height: 16px;
  }
  p {
    font-size: 14px;
    line-height: 16px;
  }
  p.about_text {
    font-size: 14px;
    line-height: 16px;
  }
  p.stocklists_text {
    font-size: 14px;
    line-height: 16px;
  }
}
div.toBlog {
  position: absolute;
  top: 50%;
  left: 70%;
  transform: translate(-50%, -50%);
  color: #ffffff;
}

p.issues_header__title {
  padding-left: 1vw;
}
p.issues_header__info {
  cursor: pointer;
  min-width: 3vw;
  text-align: center;
}

a.issues_header__info:hover {
  font-family: "GaramondBEItalic";
}

a.list-text {
  padding-left: 1vw;
}

a#ShopButton {
  font-family: "GaramondBE";
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
}

a#ShopButton:hover {
  font-family: "GaramondBEItalic";
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
}

a#ShopButton.active {
  font-family: "GaramondBEItalic";
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
}

p#ASButton {
  font-family: "GaramondBE";
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
}

p#ASButton:hover {
  font-family: "GaramondBEItalic";
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
}

p#ASButton.active {
  font-family: "GaramondBEItalic";
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
}

p#LibButton {
  font-family: "GaramondBE";
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
}

p#LibButton:hover {
  font-family: "GaramondBEItalic";
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
}

p#LibButton.active {
  font-family: "GaramondBEItalic";
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
}

p.issues__text {
  padding-left: 1vw;
  padding-right: 1vw;
  padding-top: 5vh;
  text-align: left;
  padding-bottom: 2vh;
  height: 29vh;
  height: 31vh;
  overflow: hidden;
}
p.issues__collabs {
  padding-left: 1vw;
  padding-right: 1vw;
  padding-top: 0vh;
  text-align: left;
  padding-top: 2vh;
  padding-bottom: 2vh;
  height: 13vh;
  border-top: 1px solid lightgrey;
  border-bottom: 1px solid lightgrey;
}
p.issues__data {
  padding-left: 1vw;
  padding-right: 1vw;
  padding-top: 0vh;
  text-align: left;
  padding-bottom: 2vh;
  padding-top: 2vh;
}

p.issues_header_text {
  padding-left: 1vw;
  padding-right: 1vw;
  padding-top: 1.25vh;
  padding-top: 1.75vh;
  text-align: left;
}

p#issueTitle {
  position: absolute;
  left: 100%;
  transform: translate(-50%, 0%);
}

p#issueTitle.active {
  font-family: "GaramondBEItalic";
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
}

p.link_text__read_online {
  line-height: 1.2vh;
  text-align: center;
  vertical-align: middle;
  display: table-cell;
}
p.link_text__buy_now {
  line-height: 1.2vh;
  text-align: center;
  vertical-align: middle;
  display: table-cell;
  color: #ffffff;
}

a.buy__now__link {
  color: #ffffff;
}

#issueInfo {
  position: absolute;
  top: 0;
  right: 0;
  padding-left: 1vw;
  padding-right: 1vw;
  transition-duration: 0.5s;
  opacity: 0;
}

#closeButton {
  position: absolute;
  top: 0;
  right: 0;
  padding-left: 1vw;
  padding-right: 1vw;
  opacity: 1;
  z-index: 99;
}

@media (max-width: 700px) {
  p.issues_header__title {
    padding-left: 3vw;
  }
  p.issues_header__info {
    padding-right: 1.5vw;
    cursor: pointer;
  }
  a.list-text {
    padding-left: 3vw;
  }
  p.issues_header_text {
    padding-left: 3vw;
    padding-right: 3vw;
  }
  p#issueTitle {
    font-family: "GaramondBEItalic";
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
  }
  #issueInfo {
    padding-left: 3vw;
    padding-right: 3vw;
    opacity: 1;
  }
  #closeButton {
    padding-left: 3vw;
    padding-right: 3vw;
  }
  p.issues__text {
    padding-left: 3vw;
    padding-right: 3vw;
    padding-top: 5vh;
    text-align: left;
    padding-bottom: 2vh;
    height: auto;
    border-bottom: 1px solid lightgrey;
    border-bottom: 0px solid lightgrey;
  }
  p.issues__collabs {
    padding-left: 3vw;
    padding-right: 3vw;
    text-align: left;
    padding-bottom: 2vh;
    height: auto;
    border-bottom: 1px solid lightgrey;
  }
  p.issues__data {
    padding-left: 3vw;
    padding-right: 3vw;
    text-align: left;
    padding-bottom: 2vh;
  }
}
p.chapter_section_header__issue {
  padding-left: 1vw;
  padding-top: 2.25vh;
}
p.chapter_section_header__title {
  padding-right: 1vw;
  padding-top: 2.25vh;
  font-family: "GaramondBEItalic";
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
}
p.chapter_section_header__index {
  padding-right: 0vw;
  padding-top: 0.5vh;
}
p.chapter_section_header__title_bottom {
  padding-right: 1vw;
  padding-top: 1vh;
}

p.chapter_titles__number {
  padding-left: 1vw;
  margin-top: 1vh;
  margin-bottom: 1vh;
}
p.chapter_titles__text {
  text-align: left;
  margin-top: 1vh;
  margin-bottom: 1vh;
}

span.chapter_title {
  font-family: "GaramondBEItalic";
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
}

a.pdf {
  font-size: 12px;
  font-family: arial;
  border: 1px solid lightgrey;
  padding: 0px;
  padding-top: 1px;
  padding-bottom: 1px;
  padding-left: 3px;
  padding-right: 3px;
  line-height: 9px;
}

a.pdf.active {
  background-color: #FFFBD0;
  border: 1px solid rgba(12, 12, 12, 0);
}

a.pdf-spacing {
  margin-left: 1vw;
  min-width: 10vw;
  text-align: left;
}

p.pdf-spacing {
  margin-left: 1vw;
  min-width: 10vw;
  text-align: left;
}

@media (max-width: 700px) {
  p.chapter_section_header__issue {
    padding-left: 3vw;
    padding-top: 2vh;
  }
  p.chapter_section_header__title {
    padding-right: 3vw;
    padding-top: 2vh;
  }
  p.chapter_section_header__index {
    padding-top: 2vh;
  }
  p.chapter_section_header__title_bottom {
    padding-top: 2vh;
  }
  p.chapter_titles__number {
    padding-left: 3vw;
  }
  p.chapter_titles__text {
    text-align: left;
    margin-top: 1vh;
    margin-bottom: 1vh;
  }
  span.list-text {
    padding-left: 0vw;
  }
}
div#menuWrapper {
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  position: absolute;
  z-index: 1;
  animation: 0.5s ease 0s normal forwards 1 fadein;
}

img.logo {
  width: 50vw;
}

.images_marquee_wrapper {
  justify-content: center;
  max-width: 100%;
  overflow: hidden;
  -webkit-animation: 0.75s ease 0s normal forwards 1 fadein;
  animation: 0.75s ease 0s normal forwards 1 fadein;
  z-index: -1;
}

@keyframes fadein {
  0% {
    opacity: 0;
  }
  66% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
#marquee2 {
  width: 40vw;
  display: flex;
  gap: 0;
  animation: marquee2 500s linear infinite;
}

#marquee2.paused {
  animation-play-state: paused;
}

@keyframes marquee2 {
  0% {
    transform: translate3d(0, 0, 0);
  }
  100% {
    transform: translate3d(-3400%, 0, 0);
  }
}
img.marquee_images {
  height: 100vh;
  margin: 0px;
  padding: 0px;
}

.text_marquee_wrapper {
  height: 21px;
  background-color: #FFFBD0;
  justify-content: center;
  max-width: 100%;
  overflow: hidden;
  position: fixed;
  z-index: 100;
  top: 0px;
}

.text_marquee_wrapper.red {
  background-color: red;
}

.text_marquee_wrapper.black {
  background-color: #000000;
}

.text_marquee_wrapper.black a {
  color: #FFFFFF;
}

.text_marquee_wrapper_about {
  height: 23px;
  background-color: #FFFBD0;
  justify-content: center;
  max-width: 100%;
  overflow: hidden;
  position: fixed;
  z-index: 100;
  top: 5.5vh;
}

.text_marquee_wrapper_about.red {
  background-color: red;
}

.text_marquee_wrapper_about.black {
  background-color: #000000;
}

.text_marquee_wrapper_about.black a {
  color: #FFFFFF;
}

.marquee a {
  color: #000000;
  font-size: 14px;
  line-height: 23px;
  display: inline-block;
}

.marquee {
  white-space: nowrap;
  overflow: hidden;
  display: inline-block;
  animation: marquee 20s linear infinite;
}

@keyframes marquee {
  0% {
    transform: translate3d(0, 0, 0);
  }
  100% {
    transform: translate3d(-50%, 0, 0);
  }
}
@media only screen and (max-width: 750px) {
  .text_marquee_wrapper_about {
    height: 20px;
    background-color: #FFFBD0;
    justify-content: center;
    max-width: 100%;
    overflow: hidden;
    position: fixed;
    z-index: 300;
    top: 6vh;
  }
}
div.about_stocklists {
  height: 100vh;
  width: 100vw;
  position: fixed;
  color: white;
  background-color: white;
  top: 6vh;
  left: 0px;
  z-index: 120;
  display: grid;
  grid-template-columns: 1.3fr 0.7fr;
  grid-template-rows: 1fr;
  gap: 0px 0px;
  grid-template-areas: "about stocklists";
  opacity: 0;
  pointer-events: none;
}

div.about_stocklists.active {
  opacity: 1;
  pointer-events: all;
  z-index: 200;
}

div.about_library {
  height: 100vh;
  width: 100vw;
  position: fixed;
  color: white;
  background-color: white;
  top: 6vh;
  left: 0px;
  z-index: 120;
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: 1fr;
  gap: 0px 0px;
  grid-template-areas: "stocklists";
  opacity: 0;
  pointer-events: none;
}

span.read-online-span {
  position: absolute;
  margin-top: 50px;
  margin-top: 4vh;
  z-index: 120;
}

div.about_library.active {
  opacity: 1;
  pointer-events: all;
  z-index: 200;
}

div.library {
  display: block;
}

span.library_link_box {
  display: flex;
  justify-content: space-between;
  padding-left: 2.5%;
  width: 95%;
}

div.about {
  grid-area: about;
  border-right: 1px solid lightgrey;
  overflow: scroll;
}

span.about-inner-wrapper {
  width: 60%;
  display: block;
  justify-content: left;
  padding-left: 1vw;
  text-align: left;
}

div.stocklists {
  grid-area: stocklists;
  overflow: scroll;
  height: 100vh;
  background-color: #fafafb;
  background-color: #FFFFFF;
  border-right: 1px solid lightgrey;
}

div.stocksColour {
  width: 100%;
  font-size: 1vw;
  background-color: #FFFFFF;
}

div.stocksColour:nth-child(odd) {
  width: 100%;
  background-color: #fafafb;
  font-size: 1vw;
}

div.stocksColour.active {
  background-color: #EBECED;
}

@media only screen and (max-width: 750px) {
  div.about_stocklists {
    overflow-x: hidden;
    top: 6.1vh;
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: 1fr 1fr;
    gap: 0px 0px;
    grid-template-areas: "about" "stocklists";
    opacity: 0;
    pointer-events: none;
    overflow: scroll;
    height: 110vh;
    z-index: 300;
  }
  div.about {
    overflow: visible;
  }
  span.about-inner-wrapper {
    width: 90%;
    display: block;
    justify-content: left;
    padding-left: 1vw;
    text-align: left;
  }
  div.library {
    display: block;
  }
  div.about_library {
    width: 100vw;
    position: fixed;
    color: white;
    background-color: white;
    top: 6vh;
    left: 0px;
    z-index: 120;
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: 1fr;
    gap: 0px 0px;
    grid-template-areas: "stocklists";
    opacity: 0;
    pointer-events: none;
    overflow: scroll;
  }
  span.read-online-span {
    position: absolute;
    margin-top: 50px;
  }
  span.about-inner-wrapper {
    padding-left: 3vw;
  }
  p.about_text {
    text-align: left;
    color: black;
    font-size: 14px;
    line-height: 16px;
    font-weight: lighter;
    padding-left: 3vw;
    margin-top: 2vh;
    width: 90vw;
  }
  span {
    font-family: "GaramondBE";
    font-weight: lighter;
    text-align: center;
    font-size: 14px;
    line-height: 16px;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
  }
  div.stocklists {
    grid-area: stocklists;
    margin-left: 0%;
    overflow: visible;
    height: auto;
    margin-bottom: 15vh;
  }
  div.stocksColour {
    font-size: 14px;
    padding-left: 3vw;
    font-weight: lighter;
    max-width: 97vw;
  }
  div.stocksColour:nth-child(odd) {
    font-size: 14px;
  }
}
.minimap__container {
  position: relative;
  right: 0px;
  z-index: 200;
}

.minimap__size {
  position: relative;
  z-index: 5;
  width: 10vw;
}

.minimap__viewer {
  width: 100%;
  position: absolute;
  top: 0vh;
  left: 0;
  transform-origin: 0 0;
  background-color: grey;
  opacity: 0.5;
  border: 1px solid rgba(0, 0, 0, 0.6039215686);
}

.minimap__content {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
  transform-origin: 0 0;
}

/* Presentational Styles */
div.issues_background {
  position: absolute;
  top: 0;
  height: 100vh;
  width: 100vw;
  background-color: #fafafb;
}

span.issues_header {
  width: 100vw;
  height: 5.5vh;
  background-color: #fafafb;
  border-bottom: 2px solid #ffffff;
  display: flex;
  justify-content: space-between;
  -webkit-animation: 0.75s ease 0s normal forwards 1 fadein;
  animation: 0.75s ease 0s normal forwards 1 fadein;
  z-index: 99;
  top: 0;
  position: fixed;
  align-items: center;
}

.right-side-menu {
  display: flex;
  gap: 2vw;
  padding-right: 1.15vw;
}

ul.issues_grid {
  display: grid;
  margin: 0;
  padding: 0;
  margin-top: 5.5vh;
  grid-template-columns: repeat(3, 1fr);
  grid-auto-flow: dense;
  grid-column-gap: 0em;
  grid-row-gap: 0em;
  width: 100vw;
  -webkit-animation: 0.75s ease 0s normal forwards 1 fadein;
  animation: 0.75s ease 0s normal forwards 1 fadein;
  background-color: #fafafb;
}

@keyframes fadein {
  0% {
    opacity: 0;
  }
  66% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
div.issue_container {
  height: 80vh;
  border-right: 2px solid #ffffff;
  border-bottom: 2px solid #ffffff;
  overflow: hidden;
  position: relative;
}

div.issue_container_bottom {
  height: 15vh;
  height: 13.75vh;
  border-right: 2px solid #ffffff;
  border-bottom: 2px solid #ffffff;
  overflow: hidden;
  position: relative;
}

div.empty_issue {
  height: 80vh;
  border-right: 2px solid #ffffff;
  border-bottom: 2px solid #ffffff;
  overflow: hidden;
  position: relative;
}

div.text_container {
  position: absolute;
  height: 100%;
  width: 100%;
  opacity: 1;
  transition-duration: 0.5s;
}

div.text_container.active {
  position: absolute;
  height: 100%;
  width: 100%;
  opacity: 1;
  transition-duration: 0.5s;
}

div.text_container:hover {
  opacity: 1;
}

div.text_container.active:hover {
  opacity: 1;
}

div.issue_header_text_container {
  width: 50%;
  display: flex;
  justify-content: space-between;
  position: absolute;
  z-index: 99;
  opacity: 1 !important;
}

div.issue_header_text_container-library {
  width: 70%;
  display: flex;
  display: grid;
  grid-template-columns: 1.2fr 0.75fr 2.5fr;
  grid-template-rows: 1fr;
  justify-content: space-between;
  position: relative;
  z-index: 99;
  opacity: 1 !important;
}

div.issue_info_container {
  position: absolute;
  top: 0;
  height: 100%;
  background-color: #ffffff;
  pointer-events: none;
  opacity: 0;
  transition-duration: 0.5s;
  z-index: 1;
}

div.link_container {
  width: 100%;
  height: 5.5vh;
  position: absolute;
  bottom: 0px;
  display: flex;
  z-index: 99;
  transition-duration: 0.5s;
  opacity: 0;
}

div.link_container_inner {
  width: 100%;
  height: 5.5vh;
  position: absolute;
  bottom: 0px;
  display: flex;
  z-index: 99;
  transition-duration: 0.5s;
}

span.link_box {
  border-top: 2px solid #ffffff;
  background-color: #FFFBD0;
  width: 50%;
}

span.link_box__read_online {
  border-top: 0px solid #ffffff;
  background-color: #FFFBD0;
  width: 50%;
  display: table;
}
span.link_box__buy_now {
  border-top: 0px solid #ffffff;
  width: 100%;
  background-color: #000000;
  opacity: 42%;
  display: table;
}
span.link_box__buy_now:hover {
  opacity: 100%;
}

span.link_box:hover {
  background-color: lightgrey;
}

span.no_link_box {
  border-top: 0px solid #ffffff;
  width: 50%;
  background-color: #fafafb;
  opacity: 42%;
  display: table;
}

img.mag_image {
  width: 100%;
  height: 100%;
  z-index: -1;
  object-fit: cover;
  transition-duration: 0.5s;
  pointer-events: none;
}

@media (max-width: 700px) {
  span.issues_header {
    width: 100vw;
    height: 6vh;
    background-color: #fafafb;
    border-bottom: 2px solid #ffffff;
    display: flex;
    justify-content: space-between;
    -webkit-animation: 0.75s ease 0s normal forwards 1 fadein;
    animation: 0.75s ease 0s normal forwards 1 fadein;
    z-index: 99;
    top: 0;
    position: fixed;
  }
  .right-side-menu {
    display: flex;
    gap: 13vw;
    padding-right: 1.15vw;
  }
  ul.issues_grid {
    margin-top: 6vh;
    grid-template-columns: repeat(1, 1fr);
  }
  div.issue_container {
    height: 84vh;
    border-right: 0px solid #ffffff;
    border-bottom: 2px solid #ffffff;
    overflow: hidden;
    position: relative;
  }
  div.link_container {
    opacity: 1;
  }
  div.issue_container_bottom {
    display: none;
  }
  div.link_container_inner {
    opacity: 0;
  }
  div.issue_info_container {
    position: absolute;
    top: 0;
    height: 84vh;
    background-color: #ffffff;
    pointer-events: none;
    opacity: 0;
    transition-duration: 0.5s;
    z-index: 0;
    overflow: scroll;
  }
  div.issue_header_text_container-library {
    width: 94%;
    display: flex;
    display: grid;
    grid-template-columns: 1.2fr 0.75fr 2.5fr;
    grid-template-rows: 1fr;
    justify-content: space-between;
    position: relative;
    z-index: 99;
    opacity: 1 !important;
  }
}
.container {
  margin-top: 4.5vh;
  display: grid;
  grid-template-columns: 25vw 65vw 10vw;
  grid-template-rows: 1fr;
  gap: 0px 0px;
  grid-template-areas: "chapter_section page_section map_section";
  -webkit-animation: 0.75s ease 0s normal forwards 1 fadein;
  animation: 0.75s ease 0s normal forwards 1 fadein;
}

div.progress {
  position: fixed;
  top: 0;
  left: 0;
  width: 0%;
  height: 10px;
  background-color: #333333;
  z-index: 1;
  transition: background-color 0.5s;
}

@keyframes fadein {
  0% {
    opacity: 0;
  }
  66% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.chapter_section {
  grid-area: chapter_section;
  background-color: white;
  text-align: center;
}

span.chapter_section_header {
  height: 4.5vh;
  width: 30vw;
  left: 0px;
  background-color: #fafafb;
  display: flex;
  justify-content: space-between;
  position: fixed;
}

span.chapter_section_header__titles {
  height: 5.5vh;
  width: 25vw;
  left: 0px;
  background-color: #fafafb;
  display: flex;
  justify-content: space-between;
  position: fixed;
}
span.chapter_section_header__index {
  margin-top: 5.5vh;
  height: 3.5vh;
  width: 25vw;
  left: 0px;
  background-color: #ffffff;
  display: flex;
  justify-content: center;
  position: fixed;
  border-bottom: 1px solid lightgrey;
  border-top: 1px solid lightgrey;
  z-index: 200;
}

span.chapter_titles_container {
  margin-top: 9.25vh;
  width: 25vw;
  left: 0px;
  background-color: #fafafb;
  overflow: scroll;
  height: 89vh;
  position: fixed;
  padding-bottom: 1vh;
}

div.individual_chapter_box {
  display: flex;
  gap: 0.5em;
}

div.individual_chapter_box:nth-child(even) {
  background-color: #FFFFFF;
}

div.individual_chapter_box.active {
  display: flex;
  background-color: #EBECED;
}

.page_section {
  grid-area: page_section;
  display: flex;
  flex-wrap: wrap;
  border-right: 1px solid lightgrey;
  text-align: center;
  margin: 0px;
  margin-bottom: 4.5vh;
  padding: 0px;
}

img.blog_image {
  width: 100%;
  margin: 0;
  padding: 0;
}

span.page_section_footer {
  margin-top: 4.5vh;
  height: 4.5vh;
  width: 65vw;
  bottom: 0px;
  background-color: #ffffff;
  display: flex;
  justify-content: center;
  position: fixed;
  border-top: 1px solid lightgrey;
  border-left: 1px solid lightgrey;
  border-right: 1px solid lightgrey;
  cursor: pointer;
}

span.page_section_footer:hover {
  background-color: #FFFBD0;
}

.map_section {
  grid-area: map_section;
  position: fixed;
  right: 0;
  border-right: 1px solid lightgrey;
  overflow: none;
}

span#chapterSpeed {
  position: absolute;
  position: fixed;
}

@media (max-width: 700px) {
  .container {
    margin-top: 6vh;
    display: grid;
    grid-template-columns: 100vw;
    grid-template-rows: 1fr;
    gap: 0px 0px;
    grid-template-areas: "page_section";
    -webkit-animation: 0.75s ease 0s normal forwards 1 fadein;
    animation: 0.75s ease 0s normal forwards 1 fadein;
  }
  .chapter_section {
    background-color: white;
    text-align: center;
    position: absolute;
    width: 100vw;
  }
  span.chapter_section_header__titles {
    height: 6vh;
    width: 100vw;
    left: 0px;
    background-color: #fafafb;
    display: flex;
    justify-content: space-between;
    position: fixed;
    z-index: 100;
  }
  span.chapter_section_header__index {
    margin-top: 6vh;
    height: 6vh;
    width: 100vw;
    left: 0px;
    background-color: #ffffff;
    display: flex;
    justify-content: center;
    position: fixed;
    border-bottom: 2px solid lightgrey;
    border-top: 2px solid lightgrey;
    z-index: 100;
  }
  span.chapter_titles_container {
    margin-top: 12vh;
    width: 100vw;
    left: 0px;
    background-color: #fafafb;
    border-right: 1px solid lightgrey;
  }
  span#chapterTitles {
    display: none;
  }
  span#chapterTitles.active {
    display: block;
  }
  span#pageScans {
    display: block;
  }
  span#pageScans.active {
    display: none;
  }
  div.individual_chapter_box {
    display: flex;
    gap: 1em;
    background-color: #fafafb;
  }
  div.individual_chapter_box:nth-last-child(1) {
    margin-bottom: 12vh;
  }
  .page_section {
    grid-area: page_section;
    display: flex;
    flex-wrap: wrap;
    border-right: 0px solid lightgrey;
    text-align: center;
    margin: 0px;
    padding: 0px;
    margin-top: 12.5vh;
    margin-bottom: 6vh;
  }
  .map_section {
    display: none;
  }
  span.page_section_footer {
    margin-top: 0vh;
    height: 6vh;
    width: 100vw;
    bottom: -1px;
    border-top: 0px solid lightgrey;
    background-color: #fafafb;
  }
}
main.homepage {
  top: 0;
  left: 0;
  width: 100%;
}

.scroll__container {
  position: relative;
  width: 100%;
  height: 100%;
}

section {
  position: relative;
  width: 100%;
  left: 50%;
  transform: translateX(-50%);
}

.text__reveal {
  line-height: 1;
  /* overflow: hidden; */
  font-size: clamp(2rem, 20cqi, 20rem);
}

.text__reveal span {
  display: inline-block;
  transform: translateY(110%);
  transition: 0.5s;
  min-width: 20px;
}

/* Hero */
#hero {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  height: 100%;
  width: 100%;
}

.hero__container {
  height: 100%;
  width: 100%;
  max-width: var(--max-width);
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  gap: 80px;
}

.hero__title {
  overflow: hidden;
}

.hero__title__header {
  font-size: 5em;
  letter-spacing: -0.05em;
  margin-bottom: 1rem;
}

/* About section */
#about {
  display: flex;
  justify-content: center;
}

.about__container {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: var(--max-width);
  height: 100%;
}

.about__text {
  width: 45%;
  margin: auto;
  text-align: center;
  text-transform: uppercase;
  text-wrap: balance;
  font-size: 1.4rem;
  letter-spacing: -0.05em;
}

/* Video */
#video {
  display: flex;
  justify-content: center;
  height: 200%;
}

.shim {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
}

.video__sticky {
  position: sticky;
  top: 0;
  width: 100%;
  height: 50%;
}

.main__video {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  object-fit: cover;
  will-change: transform;
  animation: 0.75s ease 0s normal forwards 1 fadein;
}

.video__text__overlay {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  display: flex;
  justify-content: center;
  font-size: clamp(2rem, 10cqi, var(--pent-space));
  overflow: hidden;
}

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

/* Static mirror fix: let long shop and issue-reader pages define document height. */
html,
body {
  height: auto;
  min-height: 100%;
  overflow-x: hidden;
  overflow-y: auto;
}

body {
  min-height: 100vh;
  -webkit-overflow-scrolling: touch;
}

div.issues_background {
  position: relative;
  height: auto;
  min-height: 100vh;
  overflow: visible;
}