@font-face {
  font-family: Sharetechmono;
  src: url(/fonts/ShareTechMono.otf);
}
/*grid*/
.biggest {
  display: grid;
  grid-template-columns: 16vw auto;
  grid-template-rows: 100vh;
}
.navigation {
  grid-row: 1;
  grid-column: 1;
  background-color: rgba(111, 153, 39, 0.6);
  padding: 1em;
  border-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACoAAAAqCAYAAADFw8lbAAABI0lEQVRYR+1YWw7EIAhs73/o7aaJiRJ5DIVdaexfozLjgKCcR5HvLMLz6Il+GNLWzbT1bT79p+YhvFcQRZXh5nPKUkVFPEnR5YmiyrTYg2Luu0iL6WF8pujyRKkylHAbp1kAUmaSWbj1A94s9ZgWdoB/I5oVc1ptEWNcSubRhyONKGdYqzgaIXT8xrOWx954GaKoIiHzPYqGAKNGkPSUtSktvd17KklU21n0IYLwIms9GnZuot6KhBJ03fSlGKUGsw+TiFfS9VDMPPX3k4uzdh/Ndr35zVSOaIBX401kuTOc6SYaLekrWjrDc9WgkJaHXaVzRgLqBXWoGsHde1q+peN1ofd6COEhTxHucEGAk0NpaiGVJprlSi3D7d7Tr+4JtXpPF7UfqCc6jjLoAAAAEGRlQkcwOEQ3RDZENUE1N0RGQjIwhHu6JAAAAABJRU5ErkJggg==") 14 /  14px / 0 round;
  border-width: 14px;
  border-style: solid;
}
.things {
  grid-row: 1;
  grid-column: 2;
  background-color: rgba(5, 55, 5, 0.9);
  padding: 1em;
  border-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFQAAABUCAYAAAAcaxDBAAACq0lEQVR4Xu2cWW7DMAwFm/sfugtQoI3savRMyiiQyS/3IbXYCfJ42/953x8iivCItEPlrc6/cxFo2BRSFygRCuUCHYCNQNJtomof9u+gXo0f2a/AiRyeVF+1F2jzhAtUoPMZoCVblVcnkOwpv6r9k/+OPZQSJjkVVJVX45O9QMMOCbR5D4+BRgYL3R23kW7/lEI1PtlP438ZdxdMCZGcgJGc/FflAh0ICJRGshkYAY8nlPJfuWr99kFbCsWryil++vJmWv/ZHkoFCHRCSKDHQ7k0UALdAJQ6QnvQbnvyT/Jb81/ZD29NiOhckN+av0C5Q1FDBLoBaHoP4xReWOPKKf/CuLh0gTKjSEOgES5WXnl9x17mGtEpWQ12Yr87/uErkFsDfha8crPo5HprfU5ovXVOaJ3hk4cy0HQJpfrN9eJXPGO8NF+BQscEuhPQwiHqhO5swJVTvrQkFjruHtrccYEK9IeAS/44DaUtTaACjbfY0sQtHKJem5r3fIEKNF7lf7+8SJdwqu+h5KEUj6uHUoxsbiBQgfZOSDNPXzALtPle93JA04LTQyH1T/q745eflKiAUb67IMpnd3yBUgdCuUBDYKSOQMmB8gkBf33XPB4CFWgzgWZ3d/y0cPe1hZDcGl+g1I5QLtAQGKkLlAiF8hWg1T2oah+WdFCvxo/sBcrtEujAKAJywjeyd0L/4YRSB1M5lzjXoD9hWRmi3xGi/FecRw4/M0kLGv0LdCAgUBgJJ/QZ0HRgVn6Kky7JdEKrS5zsuwdiGk+gzf/9J1CB0gqPHz3TLSFe8pTxylUrucdRvKq8FdjJtfApvytfgQh00mKBbvirtuq1iJYkLTmyr8opfmv9K8uXEqKC04TJX1W+UvPlM2DFuUDnT0qHQ4k6LlCB4lWRhujykv8AXHBwMDJnXncAAAAQZGVCRzMzM0M0NEUxRUE3MDc5M0bzxbx1AAAAAElFTkSuQmCC") 28 /  14px / 0 round;
  border-width: 14px;
  border-style: solid;
}
/*classes*/
.fth{
color:goldenrod
}
.mcknz{
color:fuchsia
}
.grysn{
color:blanchedalmond
}
.stmp{
  height: auto;
  width: 49%;
}
.blnk{
  height: auto;
  width: 100%;
}
.bttn{
  height: 4vh;
  width: auto;
}
/*elements*/
body{
  background-color:black;
  background-image: url(/image/tiles/forest.jpg);
  font-family: Sharetechmono;
}
p {
  text-indent: 2em;
  color: blanchedalmond;

}
a:link {
  color: indigo;
  text-decoration: underline;
}
a:hover {
  color: CornflowerBlue;
  text-decoration: underline;
}
a:visited {
  color: orchid;
  text-decoration: underline;
}
h1 {
  font-size: 2.2em;
  color: DarkKhaki;
  text-align: left;
}
h2 {
  font-size: 2em;
  color: BurlyWood;
  text-align: left;
}
h3 {
  font-size: 1.7em;
  color: BurlyWood;
  text-align: left;
}
h4 {
  font-size: 1.5em;
  color: BurlyWood;
  text-align: left;
}
h5 {
  font-size: 1.2em;
  color: BurlyWood;
  text-align: left;
}
h6 {
  font-size: 1em;
  color: BurlyWood;
  text-align: left;
}