@import url(/static/css/roboto.css);
@import url(/static/css/mat_ico.css);
:root {
  --bar-left-side: #179045;
  --bar-right-side: #1fb555;
  --themed-text-color: #404040;
  --themed-farmforce-green-dark: #179045;
  --themed-farmforce-green: #1aa04a;
  --themed-farmforce-green-light: #1fb555;
}

body {
  color: var(--themed-text-color);
  font-family: Roboto, Noto, sans-serif;
  margin: 0px;
}

h1 {
  color: black;
  font-family: Roboto, Noto, sans-serif;
  font-size: 250%;
}

h2, h3 {
  color: black;
  font-family: Roboto, Noto, sans-serif;
  font-weight: lighter;
}

a {
  cursor: pointer;
  text-decoration: underline;
  display: inline-block;
  border-radius: 4px;
  color: var(--themed-farmforce-green-dark);
}

a:hover {
  cursor: pointer;
  color: var(--themed-farmforce-green-light);
  text-decoration: underline;
}

* {
  font-family: Roboto, Noto, sans-serif;
}

.contentwrapper {
  padding: 0px;
}

.fixed-top {
  padding: 0px;
}

.fixed-bottom {
  padding: 0px;
}

.contentpadding {
  padding: 1ch;
}

material-icon ::ng-deep i.material-icons {
  font-family: "Material Icons Round";
}