html {
  /* background: url(/static/visuals/blurred.png) no-repeat center center fixed;  */
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  background-color: black;
}


html,
body {

  /* smooth the fonts */

  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* overscroll-behavior-y: contain; */
  font-family: 'Lexend Exa', sans-serif;
  overflow-x: hidden;

}

h1,
h2,
h3,
h4,
h5 {

}

 
.magazine {
  margin: 0 auto;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;

  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) !important;
  position: absolute !important;
}

.magazine .page {
  height: 100%;
  background: lightgray;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}

.magazine .page img {
  height: 100%;
  height: 100%;
  width: 100%;
  object-fit: cover;
  object-position: center;
}