@import url('https://fonts.googleapis.com/css2?family=EB+Garamond:ital,wght@0,400..800;1,400..800&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Newsreader:ital,opsz,wght@0,6..72,200..800;1,6..72,200..800&display=swap');

body {
  cursor: crosshair;
  overflow-x: hidden;
}

::selection {
  background: #DDF2D1;
}

.serif {
  font-family: "EB Garamond", serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
}

/* .arial,
pre {
  font-family: "Arial", serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
  font-size: 87.5%;
  color: #212529;
} */

.inter,
pre {
  font-family: "Inter", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
  font-size: 85%;
  color: #212529;
}

img {
  /* max-width: 100%; */
  width: 30vw;
}

.move {
  position: absolute;
  z-index: 9;
  cursor: pointer;
}

.nav {
  background-color: rgba(255, 255, 255, 0.15);
  backdrop-filter: blur(5px);
}

.link {
  color: #212529;
  text-decoration: underline;
  transition: 0.3s;
}

.link:hover {
  /* color: rgb(61, 61, 61); */
  color: black;
}

.toolz {
  cursor: help;
}

.toolz:hover {
  cursor: help;
  /* text-decoration: underline; */
  font-style: italic;
  transition: 0.3s;
}