html {
  font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji;
}

body {
  margin: 0;
}

h1 {
  font-size:1.25rem;
  line-height:1.75rem;
}

.center {
  margin: auto;
  display: flex;
  justify-content: center;
  align-items: center;

  height: 100%;
  width: 100%;
}

.entire-page {
  width: 100vw;
  height: 100vh;
}

.horizontal {
  display: flex;
  flex-direction: row;
}

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