html, body {
  width: 100%;
  height: auto;
  min-height: calc(100vh - 50px);
}

html {
  background-color: gray;
}

body {
	font-family: 'Open Sans', sans-serif;
	color: var(--gray-dd);
  background-color: var(--light);
  margin: 0px;
}

h1, h2, p, select {
  margin: 7px 0px 7px 0px;
  font-family: inherit;
}

h1 {
  font-size: 19pt;
}

h2 {
  font-size: 17pt;
}

h3 {
  font-size: 15pt;
}

h4 {
  font-size: 13pt;
}

p, .nopaper-editor {
  font-size: 11pt;
}

hr {
  margin: 0px 10px;
  margin-bottom: 10px;
  width: 100%;
  background-color: var(--light);
  border-color: var(--light);
}

span {
	font-size: 9pt;
}

a {
	color: var(--main-color);
	text-decoration: none;
}

a:hover {
	color: var(--main-color-darker);
}