@font-face {
   font-family: "snackercase";
   font-style: normal;
   font-weight: 1 1000;
   src:
      local("Snackercase"),
      url("https://halstul.no/static/snackercase.ttf") format("truetype"),
      url("http://localhost:8000/static/snackercase.ttf") format("truetype");
}

@font-face {
   font-family: "playpen";
   font-style: normal;
   font-weight: 1 1000;
   src:
      local("Playpen"),
      url("https://halstul.no/static/playpen.ttf") format("truetype"),
      url("http://localhost:8000/static/playpen.ttf") format("truetype");
}

html {
   font-family: playpen; 
   margin: 0;
   padding: 0;
}

body {
   margin: 25px;
}

h1 {
   font-family: snackercase;
   font-size: 84px;
   margin-top: 0;
   margin-bottom: 0;
}

div#root {
   height: 100vh;
   display: grid;
   grid-template-rows: auto 1fr 150px;
   justify-items: center;
}

div#root>div {
   width: 100%;
   max-width: 850px;
}

div#root > div#header {
   border-bottom: 1px solid gray;
}

div#root > div#footer {
   border-top: 1px solid gray;
}

.horizontal-link-buttons {
   display: grid;
   grid-auto-flow: column;
   justify-items: start;
   width: 100%;
}

.button {
   padding: 4px 0 4px 0;
}

a.button {
   color: black;
   text-decoration: none;
}

a.button:hover {
   color: purple;
}

p.sig {
   font-family: monospace;
}