:root {
  --min-width: 320px;

  --color-transparent: rgba(32, 28, 28, 0);
  --color-white: rgba(255, 255, 255, 1);
  --color-white-dimmed: rgba(247, 247, 247, 1);
  --color-grey: rgba(127, 127, 127, 1);
  --color-black: rgba(0, 0, 0, 1);
  --color-shadow: rgba(0, 0, 0, 0.15);

  --color-1: rgb(0, 0, 0);

  --default-gap: 14px;
}

.user-select-none {
  user-select: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}

button {
  background-color: transparent;
  border-width: 0;
  font-family: inherit;
  font-size: inherit;
  font-style: inherit;
  font-weight: inherit;
  line-height: inherit;
  padding: 0;
}

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

html, body {
  font-family: 'Kanit', sans-serif;
  font-size: 10px;
  /* overflow: hidden; */
  width: 100%;
  height: 100%;
  cursor: default;
  min-width: var(--min-width);
  font-weight: 300;
  line-height: 1.25;
  color: white;
  background-color: black;
  scroll-behavior: smooth;

  /* color: black;
  background-color: white; */
}

.info {
  position: absolute;
  /* width: 100px;
  height: 100px; */
  /* background-color: rgb(31, 31, 31); */
  left: 50%;
  top: 50%;
  transform: translate(-50%, -55%);
  text-transform: uppercase;
  padding: 30px;
}

.info h1 {
  font-size: 3em;
  /* text-transform: uppercase; */
  font-size: 3rem;
  /* line-height: 3rem; */
  font-weight: 800;
  /* padding-bottom: 4px; */
}

.info .hero span {
  font-size: 1.75em;
  color: gray;
}
.info .desc {
  padding-top: 3vh;
  text-align: center;
  font-size: 1.75em;
  /* color: gray; */
}