html, body, #container {
  height: 100%;
  margin: 0;
}

body {
  background: #222;
  color: #ccc;
  font-family: "Open Sans";
  font-size: 18px;
  line-height: 1.57rem;
}

a {
  color: #6F916F;
  text-decoration: none;
}

a:hover {
  text-decoration: underline;
}

#navbtn {
  color: #888;
  position: absolute;
  top: 1.5rem;
  right: 1.5rem;
  cursor: pointer;
  visibility: hidden;
}

#navbtn:hover {
  color: #ccc;
}

#sidenav {
  display: flex;
  justify-content: space-between;
  flex-direction: column;
}

#sidenav ul {
  list-style-type: none;
  padding: 0;
  margin: 0;
}

#sidenav ul li {
  margin: 1rem 2rem 2.5rem;
}

#sidenav ul li div {
  display: flex;
  margin: 0 -1rem;
  align-items: center;
}

#sidenav ul li div * {
  margin: 0 1rem;
}

.slider {
  appearance: none;
  outline: none;
  width: 100%;
  height: .2rem;
  background: #ccc;
}

.slider::-webkit-slider-thumb {
  -webkit-appearance: none;
  appearance: none;
  width: 1rem;
  height: 1rem;
  background: #f06;
  cursor: pointer;
  border-radius: 1rem;
}

.slider::-moz-range-thumb {
  -webkit-appearance: none;
  appearance: none;
  width: 1rem;
  height: 1rem;
  background: #f06;
  cursor: pointer;
  border-radius: 1rem;
}

/*
.sharebtn:before {
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMy45MTA1bW0iIGhlaWdodD0iNC4yMzMzbW0iIHZlcnNpb249IjEuMSIgdmlld0JveD0iMCAwIDMuOTEwNSA0LjIzMzMiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxnIHRyYW5zZm9ybT0idHJhbnNsYXRlKC03Ni4wMjEgLTY5LjQ1MikiPgo8cGF0aCBkPSJtNzkuMTk2IDY5LjQ1MmEwLjczNDkyIDAuNzM0OTIgMCAwIDAtMC43MzQ5MyAwLjczNDkzIDAuNzM0OTIgMC43MzQ5MiAwIDAgMCAwLjAxNzg0IDAuMTYwNDlsLTEuMjEyNCAwLjcwMzA5YTAuNzM0OTIgMC43MzQ5MiAwIDAgMC0wLjUxMDExLTAuMjA1OTMgMC43MzQ5MiAwLjczNDkyIDAgMCAwLTAuNzM0OTMgMC43MzQ5MyAwLjczNDkyIDAuNzM0OTIgMCAwIDAgMC43MzQ5MyAwLjczNDg5IDAuNzM0OTIgMC43MzQ5MiAwIDAgMCAwLjUyNjU1LTAuMjIyODdsMS4xOTc3IDAuNjk0NjhhMC43MzQ5MiAwLjczNDkyIDAgMCAwLTAuMDE4NjEgMC4xNjQyMSAwLjczNDkyIDAuNzM0OTIgMCAwIDAgMC43MzQ5MyAwLjczNDkzIDAuNzM0OTIgMC43MzQ5MiAwIDAgMCAwLjczNDkzLTAuNzM0OTMgMC43MzQ5MiAwLjczNDkyIDAgMCAwLTAuNzM0OTMtMC43MzQ5MyAwLjczNDkyIDAuNzM0OTIgMCAwIDAtMC41MDUzOCAwLjIwMTY2bC0xLjIxMzItMC43MDM2YTAuNzM0OTIgMC43MzQ5MiAwIDAgMCAwLjAxMjg3LTAuMTM0MDQgMC43MzQ5MiAwLjczNDkyIDAgMCAwLTAuMDE3MjUtMC4xNTgwNGwxLjIxMzktMC43MDM5NWEwLjczNDkyIDAuNzM0OTIgMCAwIDAgMC41MDgwMiAwLjIwNDM0IDAuNzM0OTIgMC43MzQ5MiAwIDAgMCAwLjczNDkzLTAuNzM0OTMgMC43MzQ5MiAwLjczNDkyIDAgMCAwLTAuNzM0OTMtMC43MzQ5M3oiLz4KPC9nPgo8L3N2Zz4K');
  background-size: 1.1rem;
  background-repeat: no-repeat;
  background-position: top .5rem left;
  width: 1rem;
  height: 1rem;
}
*/

#sidenav ul:last-of-type {
  padding-bottom: 2rem;
}

#container.sankeybox #subsankey {
  width: 60rem;
  height: 38rem;
}

#container {
  display:flex;
  justify-content: center;
  align-content: center;
}

#container #subsankey ul {
  column-count: 2;
}

#container #subsankey {
  align-self: center;
}

#container .landingbox {
  border: #f06 .3rem solid;
  background: #292929;
  width: 40rem;
  padding: 1.5rem 1.5rem 1.5rem 2rem;
}

#container .landingbox a {
  color: #f06;
}

#container .landingbox i {
  color: #888;
}

#container p:last-of-type {
  margin-bottom: .5rem;
}

#container .landingbox h1 {
  margin: 0 0 1rem 0;
  padding: 0;
  font-size: 1.3rem;
  /*I
  padding: 0 0 0 1.8rem;
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZlcnNpb249IjEuMSIgdmlld0JveD0iMCAwIDQuMjMzMyA0LjIzMzMiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPgo8ZGVmcz4KPGxpbmVhckdyYWRpZW50IGlkPSJjIiB4Mj0iMS41ODc1IiB5MT0iMy40Mzk2IiB5Mj0iMy40Mzk2IiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSI+CjxzdG9wIHN0b3AtY29sb3I9IiMyYTNmNmQiIG9mZnNldD0iMCIvPgo8c3RvcCBzdG9wLWNvbG9yPSIjZmZhIiBvZmZzZXQ9IjEiLz4KPC9saW5lYXJHcmFkaWVudD4KPGxpbmVhckdyYWRpZW50IGlkPSJiIiB4Mj0iMS41ODc1IiB5MT0iMS44NTIxIiB5Mj0iMS44NTIxIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSI+CjxzdG9wIHN0b3AtY29sb3I9IiM1NzVkNmQiIG9mZnNldD0iMCIvPgo8c3RvcCBzdG9wLWNvbG9yPSIjZmZhIiBvZmZzZXQ9IjEiLz4KPC9saW5lYXJHcmFkaWVudD4KPGxpbmVhckdyYWRpZW50IGlkPSJhIiB4Mj0iMS41ODc1IiB5MT0iLjc5Mzc1IiB5Mj0iLjc5Mzc1IiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSI+CjxzdG9wIHN0b3AtY29sb3I9IiNhNTljNzQiIG9mZnNldD0iMCIvPgo8c3RvcCBzdG9wLWNvbG9yPSIjZmZhIiBvZmZzZXQ9IjEiLz4KPC9saW5lYXJHcmFkaWVudD4KPGxpbmVhckdyYWRpZW50IGlkPSJmIiB4MT0iNC4yMzMzIiB4Mj0iMi42NDU4IiB5MT0iMS4wNTgzIiB5Mj0iMS4wNTgzIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSI+CjxzdG9wIHN0b3AtY29sb3I9IiM1NzVkNmQiIG9mZnNldD0iMCIvPgo8c3RvcCBzdG9wLWNvbG9yPSIjZmZhIiBvZmZzZXQ9IjEiLz4KPC9saW5lYXJHcmFkaWVudD4KPGxpbmVhckdyYWRpZW50IGlkPSJlIiB4MT0iNC4yMzMzIiB4Mj0iMi42NDU4IiB5MT0iMi4zODEyIiB5Mj0iMi4zODEyIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSI+CjxzdG9wIHN0b3AtY29sb3I9IiNhNTljNzQiIG9mZnNldD0iMCIvPgo8c3RvcCBzdG9wLWNvbG9yPSIjZmZhIiBzdG9wLW9wYWNpdHk9Ii45OTk3MiIgb2Zmc2V0PSIxIi8+CjwvbGluZWFyR3JhZGllbnQ+CjxsaW5lYXJHcmFkaWVudCBpZD0iZCIgeDE9IjQuMjMzMyIgeDI9IjIuNjQ1OCIgeTE9IjMuNDM5NiIgeTI9IjMuNDM5NiIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiPgo8c3RvcCBzdG9wLWNvbG9yPSIjN2M3Yzc4IiBvZmZzZXQ9IjAiLz4KPHN0b3Agc3RvcC1jb2xvcj0iI2ZmYSIgb2Zmc2V0PSIxIi8+CjwvbGluZWFyR3JhZGllbnQ+CjwvZGVmcz4KPGc+CjxwYXRoIGQ9Im0xLjU4NzUgMC43OTM3NWgxLjA1ODN2Mi42NDU4aC0xLjA1ODN2LTIuNjQ1OCIgZmlsbD0iI2ZmYSIvPgo8cGF0aCBkPSJtMCAwaDAuNTI5MTdjMC41MjkxNyAwIDAuNTI5MTcgMC43OTM3NSAxLjA1ODMgMC43OTM3NXYwLjc5Mzc1Yy0wLjUyOTE3IDAtMC41MjkxNy0wLjQ3NjI1LTEuMDU4My0wLjQ3NjI1aC0wLjUyOTE3eiIgZmlsbD0idXJsKCNhKSIvPgo8cGF0aCBkPSJtMCAxLjM3NThoMC41MjkxN2MwLjUyOTE3IDAgMC41MjkxNyAwLjIxMTY3IDEuMDU4MyAwLjIxMTY3djAuNzkzNzVjLTAuNTI5MTcgMC0wLjUyOTE3IDAuMTA1ODMtMS4wNTgzIDAuMTA1ODNoLTAuNTI5MTd6IiBmaWxsPSJ1cmwoI2IpIi8+CjxwYXRoIGQ9Im0wIDQuMjMzM2gwLjUyOTE3YzAuNTI5MTcgMCAwLjUyOTE3LTAuNzkzNzUgMS4wNTgzLTAuNzkzNzV2LTEuMDU4M2MtMC41MjkxNyAwLTAuNTI5MTcgMC4zNzA0Mi0xLjA1ODMgMC4zNzA0MmgtMC41MjkxN3oiIGZpbGw9InVybCgjYykiLz4KPHBhdGggZD0ibTQuMjMzMyA0LjIzMzNoLTAuNTI5MTdjLTAuNTI5MTcgMC0wLjUyOTE3LTAuNzkzNzUtMS4wNTgzLTAuNzkzNzV2LTAuNzkzNzVjMC41MjkxNyAwIDAuNTI5MTcgMC40NzYyNSAxLjA1ODMgMC40NzYyNWgwLjUyOTE3eiIgZmlsbD0idXJsKCNkKSIvPgo8cGF0aCBkPSJtNC4yMzMzIDIuODU3NWgtMC41MjkxN2MtMC41MjkxNyAwLTAuNTI5MTctMC4yMTE2Ny0xLjA1ODMtMC4yMTE2N3YtMC43OTM3NWMwLjUyOTE3IDAgMC41MjkxNy0wLjEwNTgzIDEuMDU4My0wLjEwNTgzaDAuNTI5MTd6IiBmaWxsPSJ1cmwoI2UpIi8+CjxwYXRoIGQ9Im00LjIzMzMgMGgtMC41MjkxN2MtMC41MjkxNyAwLTAuNTI5MTcgMC43OTM3NS0xLjA1ODMgMC43OTM3NXYxLjA1ODNjMC41MjkxNyAwIDAuNTI5MTctMC4zNzA0MiAxLjA1ODMtMC4zNzA0MmgwLjUyOTE3eiIgZmlsbD0idXJsKCNmKSIvPgo8L2c+Cjwvc3ZnPgoK');
  background-size: 1.1rem;
  background-repeat: no-repeat;
  background-position: top .5rem left;
  */
}

#container .landingbox h1 i {
  margin-left: 1rem;
  font-weight: normal;
}

#container .errorbox {
  border: #6F916F .3rem solid;
  background: #292929;
  width: 40rem;
  margin: 4rem 6rem;
  padding: 1rem 1rem 1rem 4.5rem;
  /*
  background: url("/alert.svg") 0 0 / 20px 30px repeat;
  background-image: url('alert.svg');
  */
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgdmlld0JveD0iMCAwIDIwIDIwIj4KICA8c3R5bGUgdHlwZT0idGV4dC9jc3MiPiogeyBmaWxsOiAjNmY5MTZmIH08L3N0eWxlPgogIDxwYXRoIGQ9Ik0xOS42NCAxNi4zNkwxMS41MyAyLjNBMS44NSAxLjg1IDAgMCAwIDEwIDEuMjEgMS44NSAxLjg1IDAgMCAwIDguNDggMi4zTC4zNiAxNi4zNkMtLjQ4IDE3LjgxLjIxIDE5IDEuODggMTloMTYuMjRjMS42NyAwIDIuMzYtMS4xOSAxLjUyLTIuNjR6TTExIDE2SDl2LTJoMnptMC00SDlWNmgyeiIvPgo8L3N2Zz4K');
  background-size: 2rem;
  background-repeat: no-repeat;
  background-position: center left 1rem;
}

#container .errorbox a {
  color: #6F916F;
}