/*root*/
:root {
  --margin: .2em;
  --padding: .5em;
  --border-radius: 1em;
  --border-color-1: #4C363E;
  --border-width: 2px;
}
/*grid*/
.container {
  display: grid;
  grid-template-columns: 18vw auto 18vw;
  grid-template-rows: auto 85%;
  margin-left: 5vw;
  margin-right: 5vw;
}
.banner {
  grid-column: 1 / 4;
  grid-row: 1 / 2;

}
.west {
  background-color: #76314B;
  background-image: url(/image/tiles/riso-sky.jpg);
  border-color: var(--border-color-1);
  border-radius: var(--border-radius);
  border-style: solid;
  border-width: var(--border-width);
  color: black;
  grid-column: 1 / 2;
  grid-row: 2 / 4;
  margin: var(--margin);
  padding: var(--padding);
}
.south {
  background-color: #544B6A;
  background-image: url(/image/tiles/riso-blue.jpg);
  border-color: var(--border-color-1);
  border-radius: var(--border-radius);
  border-style: solid;
  border-width: var(--border-width);
  grid-column: 2 / 3;
  grid-row: 2 / 4;
  margin: var(--margin);
  padding: var(--padding);
}
.east {
  background-color: #4C363E;
  background-image: url(/image/tiles/star-quilt.jpg);
  background-size: 60%;
  border-color: var(--border-color-1);
  border-radius: var(--border-radius);
  border-style: solid;
  border-width: var(--border-width);
  display: flex;
  flex-direction: column;
  grid-column: 3 / 4;
  grid-row: 2 / 4;
  margin: var(--margin);
  padding: var(--padding);
}
.change-log{
  background-color: #D0A558;
  border-color: var(--border-color-1);
  border-radius: var(--border-radius);
  border-style: solid;
  border-width: var(--border-width);
  display: flexbox;
  margin-bottom: 1em;
  padding: var(--padding);
}
/*classes*/
.fth{
color:goldenrod
}
.mcknz{
color:fuchsia
}
.grysn{
color:blanchedalmond
}
.stmp{
  height: auto;
  width: 49%;
}
.blnk{
  height: auto;
  width: 100%;
}
.bttn{
  height: 4vh;
  width: auto;
}
.southlink{
  background-color: #D0A558;
  border-radius: 2em;
}
/*elements*/
body{
  background-color:black;
  background-image: url(/image/space.jpg);
  height: auto;
}
p {
  text-indent: 1em;
  font-size: large;
  color: LightCyan;
}
a:link {
  color: rgb(2, 71, 135);
  text-decoration: underline;
}
a:hover {
  color: teal;
  text-decoration: underline;
}
a:visited {
  color: rgb(98, 8, 136);
  text-decoration: underline;
}
h1 {
  font-size: 2.2em;
  color: #FEF1E2;
  text-align: center;
  font-family: Cambria, Cochin, Georgia, Times, 'Times New Roman', serif;
  
}
h2 {
  font-size: 1.8em;
  color: #EED3BF;
  text-align: center;
  font-family: Cambria, Cochin, Georgia, Times, 'Times New Roman', serif;
}
h3 {
  font-size: 1.5em;
  color: white;
  text-align: center;
  font-family: Cambria, Cochin, Georgia, Times, 'Times New Roman', serif;
}
h4 {
  font-size: 1.5em;
  color: white;
  text-align: center;
  font-family: Cambria, Cochin, Georgia, Times, 'Times New Roman', serif;
}
h5 {
  font-size: 1.2em;
  color: white;
  text-align: center;
  font-family: sans-serif;
}
h6 {
  font-size: 1em;
  color: white;
  text-align: center;
  font-family: sans-serif;
}