html,
body {
  margin: 0;
  min-height: 100%;
  background: #0b0d0c;
  color: #e8ebe6;
  font-family: Barlow, system-ui, sans-serif;
}

body {
  background-image:
    linear-gradient(180deg, rgb(11 13 12 / 0.58) 0%, rgb(11 13 12 / 0.78) 45%, rgb(11 13 12 / 0.9) 100%),
    url("/darkness-frog.jpg");
  background-size: cover;
  background-position: center 30%;
  background-attachment: fixed;
  background-repeat: no-repeat;
}

img.size-8,
img.size-9 {
  width: 2rem;
  height: 2rem;
  object-fit: cover;
  border-radius: 9999px;
}

button,
[role="button"] {
  cursor: pointer;
}