/*	background-color: black;
	color: wheat;
}*/
@import url("../fonts/inter.css");

@font-face {
    font-family: "BerkelyMono";
    src: url("../fonts/BMono.woff2") format("woff2");
}

@font-face {
  font-family: "LibSans";
  src: url(../fonts/LibSans.woff2) format("woff2");
}

@font-face {
  font-family: "LibSansItalic";
  src: url(../fonts/LibSansItalic.woff2) format("woff2");
}

@font-face {
  font-family: "LibSansBold";
  src: url(../fonts/LibSansBold.woff2) format("woff2");
}

@font-face {
  font-family: "LibSansBoldItalic";
  src: url(../fonts/LibSansBoldItalic.woff2) format("woff2");
}

body {
  /*font-family: "BerkelyMono";*/
  font-family: "LibSans";
  /*font-family: sans-serif;*/
  background-color: gainsboro;
}

a {
  color: steelblue;
}

a:visited {
  color: rebeccapurple;
}

a:hover {
  color: lightseagreen;
}

.container {
  display: grid;
  place-items: start center;
  min-height: 100vh;
  /*margin: 2px;*/
}

.center-box {
  max-width: 650px;
  width: 95%;
  padding: .4rem;
  padding-top: 0rem;
  background: white;
  box-shadow: 2px 2px 0px darkgrey;
  border: solid 1px black;
  min-height: 96%;
  display: flex; 
  flex-direction: column;
}

.pageFooter {
  display: grid;
  align-items: end;
}