/*

	Root

*/
:root {
  --mainDark: #F59C4E;
  --onMainDark: #FFFFFF;
  --main: #f5bd4e;
  --onMain: #292929;
  --mainLight: #fff7b8;
  --onMainLight: #292929;
  --error: #ff4848;
  --onError: #ffffff;
  --success: #87ff50;
  --onSuccess: #292929;
  --info: #4e5aff;
  --onInfo: #ffffff;
  --black: #292929;
  --darkGray: #5f5f5f;
  --gray: #939393;
  --lightGray: #cfcfcf;
  --light: #F0F1F3;
  --white: #fff;
  --background: #f5f5f5;
  --scrim: #5f5f5f86;
}

/*

	Reset

*/
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  font-family: "Proxima Soft";
  color: var(--black);
  transition-duration: 0.3s;
  text-decoration: none;
}

html, body {
  min-height: 100vh;
}

body {
  background: var(--background);
}

.pageBox--wrapper {
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 100vh;
}

.version {
  position: fixed;
  user-select: none;
  bottom: 10px;
  right: 10px;
  font-size: 10px;
  color: var(--darkGray);
  z-index: 999;
}