@font-face {
font-family: 'Junicode';
src: url('/junicodebold.TTF') format('truetype');
font-weight: 700;
font-style: normal;
}

@font-face {
font-family: 'Junicode';
src: url('/junicodebold.TTF') format('truetype');
font-style: lighter;
}

@font-face {
font-family: 'Junicode';
src: url('/junicodebold.TTF') format('truetype');
font-weight: normal;
}

body {
font-family: 'Junicode';
src: url('/junicodebold.TTF') format('truetype');
background-color: #cfdfd4;
font-size: '5px';
letter-spacing: 0.5px;

}

.grid-container {
display: grid;
grid-template-columns: auto auto auto auto auto auto; 
justify-content: space-around;
grid-column-gap: ;
grid-row-gap: 1px;
grid-template-rows: auto auto auto auto auto auto auto auto;
align-items: ;
background-color:;
font-family:; 
padding: ;
}

.grid-container > div {
  background-color: ;
  text-align: ;
  padding: 10px;
  font-size: ;
}

  ul {
  list-style: circle;
}

.LIGHTER {
font-family: Junicode;
font-style: lighter;
}

.NORM {
font-family: Junicode;
font-style: normal;
}

.SPACE {
letter-spacing: 1px;
}

a.U:link, a.U:visited, a.U:active {
  color: black;
  text-decoration: underline;
}
a.U:hover {
  color: black;
  text-decoration: none;
}

a:link, a:visited, a:active {
  color: black;
  text-decoration: none;
}
a:hover {
  text-decoration: underline;
}

a.noU:link, a.noU:visited, a.noU:active, a.noU:hover {
  color: black;
  text-decoration: none;
}
a.noU:hover {
  opacity: 0.6;
}

.RIGHT {
text-align: right;
}

.SM {
font-size: 0.8em;
}

::selection {
  color: white;
  background: transparent;
}