body {
  background-color: #000;
  color: #fff;
  font-family: Trebuchet MS, sans-serif;
}

h1 {
  color: #fff;
  text-shadow: 2px 2px darkblue;
  font-weight:bold;
  text-align: center;
  text-transform: uppercase;
}

.case {
  display: flex;
  justify-content: center;
}

.casev {
display:flex;
flex-direction:column;
}

.main {
  width: calc(800px - 3em);
  background-color: #a3a;
  padding: 1em 2em 0 1em;
  border: 3px solid white;
  border-radius: 3px;
  min-height: 300px;
  position: relative;
}

ul {
 background-color:darkblue; 
 border: 3px solid black;
 border-radius: 5px;
 margin: 0 4em 0 12em ;
}

li {
 margin: 10px 
}

side {
  float: left;
  height: 250px;
  width: 7em;
  padding: 0.3em 1em;
  background-color: #202;
  border-right: 3px solid black;
  border-bottom: 3px solid black;
  border-radius: 0 0 10px 0;
  margin: -1em 3em 0 -1em;
}

footer {
border: 3px solid white;
border-radius: 3px;
background-color:#848; 
width: calc(100% - 2em);
padding: 0 0 0.2em 2em;
position: absolute;
bottom: calc(-1.4em - 3px);
right: -2.5px;
}
   
a:link,a:visited {
 color: deepskyblue; 
}

a[href^="http"]:visited {
 color: darkmagenta;
}

a[href^="http"]:link {
  color: blue;
}

a:active {
 color: red; 
}

.ids {
  float:right;
  background-color: #848;
  padding: 1em 0.5em;
  border: 3px solid black;
  border-radius: 5px;
}

.flags {
  display: flex;
  height: 50px;
}

.flags img {
 margin: 3px;
 border: 3px solid black;
}

.pronouns {
float:right;
color: #42a;
font-size: 15px;
}

.pronouns a {
margin: 2px
}

.gBlood {
  color:#a1a100;
  font-weight: bold;
  font-family: courier new;
}

.small {
  font-size: 12px;
}