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

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

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

.main {
  /* Allow content to define scrollable area */
}

.section {
  display: flex;
}

.container {
  display: flex;
}