:root {
    --main-red: #762610;  --main-amber: #B75B10;  --main-brown: #BD943E;  --main-blue: #0C1A1B;  --main-green: #0A4719;
    --red-level9: #f0aa97;--amber-level9:	#f5bf93;--brown-level9:	#e2cea6;--blue-level9:	#add7da;--green-level9:	#98f0ad;
    --red-level8: #ec9178;--amber-level8:	#f2ab72;--brown-level8:	#d9c08b;--blue-level8:	#95cccf;--green-level8:	#78ec95;
    --red-level7: #e87758;--amber-level7:	#ef9851;--brown-level7:	#d0b170;--blue-level7:	#7cc0c4;--green-level7:	#59e77c;
    --red-level6: #e45e39;--amber-level6:	#ec8530;--brown-level6:	#c7a256;--blue-level6:	#63b4b9;--green-level6:	#3ae363;
    --red-level5: #dc461d;--amber-level5:	#e57214;--brown-level5:	#bc933d;--blue-level5:	#4ca6ad;--green-level5:	#1edb4d;
    --red-level4: #bc3c19;--amber-level4:	#c46111;--brown-level4:	#a17e34;--blue-level4:	#418e94;--green-level4:	#1abb42;
    --red-level3: #9d3215;--amber-level3:	#a4510e;--brown-level3:	#86692c;--blue-level3:	#36777b;--green-level3:	#169c37;
    --red-level2: #7d2811;--amber-level2:	#83410b;--brown-level2:	#6b5423;--blue-level2:	#2b5f62;--green-level2:	#117d2c;
    --red-level1: #5e1e0c;--amber-level1:	#623008;--brown-level1:	#503f1a;--blue-level1:	#20474a;--green-level1:	#0d5d21;
    --red-level0: #3e1408;--amber-level0:	#412005;--brown-level0:	#352a11;--blue-level0:	#152f31;--green-level0:	#083e16;
}
@font-face {
  font-family: "Roboto";
  src: local("Roboto"),
    url(./fonts/roboto/Roboto-Regular.ttf) format("truetype");
}
* {
  box-sizing: border-box;
  font-family: "Roboto";
}

body {
    font-family: "Roboto";
    margin: 0px;
    padding: 0px;
    box-sizing: border-box;
}

.title {
    width: 160px;
    font-weight: bold;
    display: inline-block;
    padding: 10px;
}

.section_header {
    display: grid;
    grid-template-columns: 200px auto;
}
.section_title {
    padding: 20px;
    font-weight: bold;
    background-color: var(--blue-level6);
    color: white;
}

.logo {
    max-height: 100px;
}

h1 {
    padding-top: 10px;
    margin: 0 auto;
}

noscript,
.--error {
    color: var(--red-level4);
    font-weight: bold;
}
.--good {
    color: var(--green-level4);
}

span {
    padding: 10px;
}
#sw {
    padding-right: 0px;
}

#sh {
    padding-left: 0px;
}