:root {
  --background-color: whitesmoke;
  --panel-color: rgba(220, 220, 220, 0.3);
}

html {
  font-size: 16px;
  /* font-size: clamp(12px, 1.2vw, 16px); */
  height: 100%;
}

body {
  font-family: Pretndard, system-ui, -apple-system, BlinkMacSystemFont,
    "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue",
    sans-serif;
  width: 100%;
  height: 100%;
  text-align: start;
  word-break: keep-all;
  background-color: var(--background-color);
  /* background: linear-gradient(to bottom right, #c7c7f6, #2c4f8c); */
  overflow-y: hidden;
}

.main {
  flex: 1 1 auto;
  width: 100%;
  height: 100%;
}

.section {
  display: flex;
  flex-direction: column;
}

.section.is-center {
  height: 100%;
  justify-content: center;
  align-items: center;
}

.container {
  display: flex;
}

.container.is-center {
  justify-content: center;
  align-items: center;
  height: 100%;
}

/** Typography */
.title {
  font-size: 1.5rem;
  font-weight: 900;
}