body {
  padding: 0.5em;
  background: white;
}

body::-webkit-scrollbar, .plates-index::-webkit-scrollbar{
    display: none;
    width: 0 !important;
}

#box1 {
  z-index: 100;
  position: fixed;
}

#box2 {
  z-index: 100;
  position: fixed;
  bottom: 0.5em;
}

.plates-index {
  display: flex;
  gap: 1em;
  width: 100%;
  overflow-x: scroll;
  /*scroll-snap-type: x mandatory;*/
}

.plate {
  width: 25vw;
  height: auto;
  /*scroll-snap-align: center;*/
}

img {
  width: inherit;
}

#plate0 {
  padding-left: 20em;
}

.mini-nav {
  display: flex;
  flex-direction: row;
  gap: 1em;
}

button {
  background: black;
  color: white;
  border: none;
  font-size: 2em;
  padding: 0;
  cursor: pointer;
}


/*START COPY STYLING*/

html {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.text {
  color: white;
  mix-blend-mode: difference;
  filter: blur(0.15px);
  font-family: 'Times New Roman';
  font-size: 1em;
  -webkit-text-stroke: 0.035em;
  -moz-text-stroke: 0.035em;
  text-stroke: 0.035em;
  letter-spacing: 0.05em;
  line-height: 1.25em;
}

.in {
  text-indent: 1em;
}

a, a:visited {
  color: white;
  text-decoration: none;
  cursor: pointer;
}

a:hover {
  font-style: italic;
}

::selection {
  color: black;
  background: white;
}

/*END COPY STYLING*/




/*MEDIA QUERIES*/
@media (max-width: 750px) {

#box1 {
  width: 93vw;
}

.text {
  font-size: 1.125em;
  -webkit-text-stroke: 0.035em;
  -moz-text-stroke: 0.035em;
  text-stroke: 0.035em;
  letter-spacing: 0.05em;
  line-height: 1.25em;
}

#box2 {
  display: none;
}

.plates-index {
  display: flex;
  flex-direction: column;
  gap: 2em;
  width: 93vw;
}

.plate {
  display: inline-block;
  width: inherit;
}


#plate0 {
  padding-left: 0em;
  padding-top: 17em;
}

}