.vt323-regular {
  font-family: "VT323", monospace;
  font-weight: 400;
  font-style: normal;
}
html {
    background-image: url("/Images/Index/indexbg.png");
    background-size: cover;
    font-family: "VT323", monospace;
}
header, aside, main, footer {
     background-color: #160d3a;
     opacity: .85;
     border-radius: 5px;
     text-align: center;
     color: #9f185e;
}
header {
    padding: 5px 40px;
    border-bottom: dotted #9f185e;
}
.big {
    font-size: xx-large;
}
aside {
    border-right: dotted #9f185e;
    font-size: x-large;
}
.button:link, .button:visited {
    text-decoration: none;
    color: #9f185e;
}
.button:hover {
    text-decoration: underline;
    color: #6d1b6f;
}
.hiddenbutton:link, .hiddenbutton:visited{
    text-decoration: none;
    color: #9f185e;
}
main {
    padding: 5px;
}
h3 {
    color: #9f185e;
}
.charinfo {
    color: #6d1b6f;
}
.charpsuedo {
    text-decoration: underline;
}
.log {
    border-top: dotted #9f185e;
    padding: 5px 30px;
    text-align: left;
    color: #6d1b6f;
}
footer {
    border-top:dotted #9f185e;
}
.sera {
    position: fixed;
    bottom: 10px;
    right: 30px;
    text-align: right;
    color: #9f185e50;
}
.serahidden:link, .serahidden:visited{
    text-decoration: none;
    color: #9f185e50;
}
.center {
  display: flex;
  justify-content: center;
  align-items: center;
}
.container {
  background-color: #20145350;
  max-width: 900px;
  min-width: 600px;
  display: grid;
  grid-template:
    "Header Header"
    "Sidebar Main"
    "Sidebar Footer"
    / 1fr 3fr;
  grid-gap: 2px;
}
header { grid-area: Header; }
aside { grid-area: Sidebar; }
main { grid-area: Main; }
footer { grid-area: Footer; }