html {
  font-size: 14px;
  scroll-behavior: smooth;
}

body {
  display: flex;
  flex-direction: column;
  font-family: "Noto Sans JP", "Helvetica Neue", Arial,
    "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
  line-height: 1.5rem;
  color: var(--gray-1);
  background-color: #fcfcfc;
}

pre {
  display: flex;
  flex-direction: column;
  font-family: "Noto Sans JP", "Helvetica Neue", Arial,
    "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
  line-height: 1.5rem;
  color: var(--gray-1);
  background-color: #fcfcfc;
}

main {
  flex: 1;
}

.error-message {
  scroll-margin-top: var(--header-height);
}

.form-floating {
  margin-top: 1rem;
}

.button-medium {
  padding-left: 50px;
  padding-right: 50px;
}
.button-medium:after {
  background-image: none;
}