@font-face {
  font-family: calculator;
  src: url(calculator.woff);
}
body {
    background-color: #1a2417;
    color: #aeb89a;
    font-family: courier;
    margin: 0;
    padding-bottom: 50px;
}
nav { padding: 10px; }
h1, h2, h3 {
    font-family: calculator;
    font-weight: normal;
    text-transform: uppercase;
    margin-block-start: 0;
    margin-block-end: 0;
}
h1 { font-size: 50px; }
h2 { font-size: 40px; }
h3 { font-size: 30px; }
h4 { padding: 10px; }
figure {
    background-color: #b6c89a;
    color: #1c2a16;
    margin: 0;
    padding: 10px;
}
figcaption {
    visibility: hidden;
}
figure:hover {
    background-color: #1a2417;
}
figure:hover h1,
figure:hover h2,
figure:hover h3 {
    color: #b6c89a;
}
figure:hover figcaption {
    visibility: visible;
    color: #b6c89a;
}
img {
    width: 100%;
}
a:link {
    color: #aeb89a;
    text-decoration: none;
}
a:visited {
    color: #8f9c6f;
    text-decoration: none;
}
a:hover {
    color: #d7e0bf;
    text-decoration: none;
    font-weight: bold;
}
a:active {
    color: #1a2417;
    text-decoration: none;
}
.grid_container {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    gap: 2px;
}
.link_container {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 1px;
}
.link_container a {
    background-color: #b6c89a;
    color: #1c2a16;
    margin: 0;
    padding: 10px;
}
.link_container a:hover {
    background-color: #1a2417;
    color: #b6c89a;
}