* {
  font-family: monospace;
  color: white;
}

body {
  background-color: #111;
  margin: 1rem;
}

.main-block {
  background-color: #222;
  padding: 1rem;
  width: min(1000px, calc(100vw - 4rem));
  margin: auto;
  border-radius: 1rem;
}

h2 {
  font-size: 2.2rem;
}

h3 {
  font-size: 1.9rem;
}

h4 {
  font-size: 1.5rem;
}

p, pre, li {
  font-size: 1.2rem;
}

h2, h3, h4, p {
  padding-left: 1rem;
  padding-right: 1rem;
}

.alert {
  margin-left: 1rem;
  margin-right: 1rem;
  font-size: 1.2rem;
  padding: 1rem;
  background-color: rgb(0 21 255 / 10%);
  border-radius: 1rem;
}

li {
  padding-right: 1rem;
}

pre {
  background-color: #161616;
  padding: 1rem;
  border-radius: 1rem;

  overflow-x: auto;
  scrollbar-width: none; /* Firefox */
  -ms-overflow-style: none; /* IE/Edge */
}

pre::-webkit-scrollbar {
  display: none; /* Chrome, Safari, Opera */
}

:not(pre) > code {
  background-color: #333;
  border-radius: 0.5rem;
  padding: 0.1rem;
  padding-left: 0.2rem;
  padding-right: 0.2rem;
}