html,
body {
  margin: 0;
  padding: 0;
  overflow: clip;
}
body {
  width: 100vw;
  height: 100vh;
  --color-a: #000;
  --color-b: #fff;
  background-color: var(--color-a);
  color: var(--color-b);
}

body.fancy {
  display: flex;
  font-family: "Rubik";
  font-size: min(5vh, 5vw);
  -webkit-touch-callout: none;
  /* iOS Safari */
  -webkit-user-select: none;
  /* Safari */
  -khtml-user-select: none;
  /* Konqueror HTML */
  -moz-user-select: none;
  /* Old versions of Firefox */
  -ms-user-select: none;
  /* Internet Explorer/Edge */
  user-select: none;
  /* Non-prefixed version, currently supported by Chrome, Edge, Opera and Firefox */
}
@font-face {
  font-family: "Flow";
  src: url("./res/FlowRounded.ttf");
}
@font-face {
  font-family: "Rubik";
  src: url("./res/Rubik-ExtraBold.ttf");
}
.fancy bb {
  margin: auto;
  max-height: 100%;
  max-width: 100%;
}
.fancy db {
  display: none;
}
.fancy p {
  padding: 0;
  margin: 0;
}
.fancy text h1,
.fancy text h2,
.fancy text h3,
.fancy text .bold {
  text-shadow: 0.01em 0.01em 0px var(--color-a), 0.02em 0.02em #000;
}
.mute {
  font-family: 'Flow';
}
.fancy bb#main text p:nth-last-child(2) {
  display: inline;
}
.noselect {
  -webkit-touch-callout: none;
  /* iOS Safari */
  -webkit-user-select: none;
  /* Safari */
  -khtml-user-select: none;
  /* Konqueror HTML */
  -moz-user-select: none;
  /* Old versions of Firefox */
  -ms-user-select: none;
  /* Internet Explorer/Edge */
  user-select: none;
  /* Non-prefixed version, currently supported by Chrome, Edge, Opera and Firefox */
}