:root {
  --page-margin: 8px;
  /* TODO
   * Original design had button size 48px in desktop mode 
   * Make a choice
   */
  --button-size: 36px;
  --button-background-color: rgba(157, 143, 120, .85); /* #9d8f78 */
  --fashion-gray: #8E8D8C;
}

html {
  min-height: 100vh;
  min-height: 100dvh;
}

body {
  /* Fallback for browsers that don't support dvh */
  min-height: 100vh;
  min-height: 100dvh;
  display: flex;
  /* TODO
   * before we go live, make sure we have a white background
   */
  flex-direction: column; 
  background-color: white;
  #background-color: var(--fashion-gray);
  font-family: "Karla";
  font-size: 14px;
  color: rgb(105, 105, 105);
  margin: 0;
}

h1 {
  font-family: "Montserrat";
  font-size: 27px;
  text-transform: uppercase;
  color: rgb(105, 101, 84);
}

p {
  font-size: 14px;
  color: rgb(105, 105, 105);
}