html {
   font-family: 'Syne Mono', sans-serif;
   font-size: 15px;
   line-height: 1.00;
}
.lacquer-regular {
  font-family: "Lacquer", system-ui;
  font-weight: 400;
  font-style: normal;
}
.londrina-sketch-regular {
  font-family: "Londrina Sketch", sans-serif;
  font-weight: 400;
  font-style: normal;
}
h1 {
    font-family: "Londrina Sketch";
    font-size: 5rem;
    font-style:oblique;
    color: rgb(41, 39, 39);
    text-shadow: 5px 1px #da2727;
    text-decoration:underline;
    max-width: 100%;
    margin: 1.5em;
}
header {
    background-color: aliceblue;;
    background-image: url("/images/scorecard.png"), url("../artwork/tree3.png");
    background-repeat: no-repeat no-repeat;
    background-size:800px, auto;
    background-position:center left, top right;
    color:#ffffff;
    margin: 0;
    padding: 0px;
    border: 2px dashed black;
    max-width: 1400px;
}
ul {
    list-style-type: none;
    margin-top: 0;
    padding: 0;
    width: 200px;
    background-color: #b8b9bc;
}
li a {
    display: block;
    color: rgb(202, 27, 27);
    padding: 10px;
    text-decoration: none;
}
li a:hover {
    background-color: rgb(71, 69, 59);
    color:rgb(255, 255, 255);}
a {
    color:rgb(129, 102, 71);
}
a:hover {
    color:rgb(202, 27, 27);
}
body {
    background-color: #726f65;
    background-image: url("../images/grunge-wall.png");
}
main {
    background-color: rgb(255, 255, 255);
    margin:0px;
    border: none;
    margin-top: 0px;
    max-height: 1000px;
    overflow-y: auto;
    max-width:1400px;
}
.aboutbox {
    margin-top: 50px;
    margin-bottom: 50px;
}
.infobox {
    display: grid;
    justify-content: left;
    grid-template-columns: auto auto minmax(1px, 600px);
    grid-template-rows: auto auto auto;
    column-gap: 50px;
}
.infobox div {
    background:none;
    border: none;
}
footer {
   position: relative;
   max-width: 20ch;
   background-color: #1f1f1f;
   color:#ffffff
}
footer * {
  font-size: 0.9rem;
}