:root {
  --primary-font-color: rgb(55, 55, 55);
  --secondary-font-color: rgb(122, 122, 122);
  --tertiary-font-color: rgb(166, 166, 166);
	--primary-color: rgb(39, 127, 49);
	--negative-primary-color: rgb(200, 20, 20);
  --hover-color: rgb(215, 235, 244);
  --highlight-color: rgb(240, 250, 240);
  --negative-highlight-color: rgb(244, 225, 225);
  --border-color: rgb(220, 220, 220);
  --divider-color: rgb(230, 230, 230);
  --icon-color: rgb(200, 200, 200);
  --icon-button-background: none;
  --max-site-width: 1600px;
  --content-background-color: rgb(250, 250, 250);


  --label-padding: 0.4rem 0.8rem 0.3rem 0.8rem;

  --app-bar-background: rgb(0, 70, 175);
  --app-bar-color: white;
}

html {
  font-family: Arial, Verdana, Century Gothic;
  color: var(--primary-font-color);
	box-sizing: border-box;
	height: 100%;
  width: 100%;
}
*, *:before, *:after {
	box-sizing: inherit;
}
body {
  margin: 0;
  height: 100%;
  overflow-y: scroll;
  /*display: flex;
  overflow-y: scroll;
  min-height: 100%;
  padding: 1.2rem 0;
  background-image: url("bg.png");
  background-repeat: repeat;*/
}
page-footer {
  flex-shrink: 0;
}
a {
	text-decoration: none;
}