#gohome {
  width: 13em;
  margin-top: -9%;
  margin-left: 1%;
  position: absolute;
}

h6#gohome {
  margin-top: auto;
  padding-top: 1em;
  padding-left: 3.7em;
  position: absolute;
  text-decoration: none;
}

body {
  background-color:  #01001c;
  background-image: url("frame.png");
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-position: center;
  background-size: 82% 91%;
  color:  #c7c7c7;
  line-height: 130%;
  font-family: "Lucida Console", monospace;
  display: block;
  position: relative;
  margin: auto;
  top: 0em;
  left: 0em;
  right: 0em;
  bottom: 0em;
}

h1 {
  font-size: 2em;
}

summary {
  font-size: 1.3em;
  color: #193269;
  background-color: #5d7396;
  box-shadow: 0px 0px 4px #182740;
  padding: 0.4em;
  border-radius: 0.75em;
  font-weight: bold;
}

h6 {
  font-size: 1em;
  color: #5c5c5c;
  margin: auto;
}

li {
  list-style-image: url("https://indigo-fractal.neocities.org/arrow.png");
  width: 90%;
  list-style-position: outside;
}
    
li::marker {
  font-size: 0.5em;
}
    
li a {
  display: block;
  padding: 1em;
  color:  #c7c7c7;
}
 
a {
  text-decoration: none;
  color: #5c5c5c;
}
    
li:hover {
  background-color: #121840;
  border-radius: 0.75em;
}

.active {
  background-color: #121840;
  border-radius: 0.75em;
}

.indent-left {
  text-indent: 2em;
}

.indent-left summary {
  font-size: 1em;  
  color:  #c7c7c7;
  background-color: #42577a;
  box-shadow: none;
}

details {
  padding: 0.6em;
  background-color: #42577a;
  cursor: pointer;
  box-shadow: 0px 0px 4px #182740;
  border-radius: 0.75em;
}

h1, ul, li, body {
  color: #e6b83c;  
}
      
      h1 a {
        color: #e6b83c;  
      }
      
      li a {
        color: #e6b83c;  
      }
      
      ul {
        margin: auto;
        top: 1em;
        left: 0em;
        right: 0em;
        bottom: 0em;
      }
      
      .grid-container {
        display: grid;
        grid-template-columns: 14em 3em auto;
        grid-template-rows: 4em auto;
        background-color: none;
        margin-top: 9%;
        margin-right: 16.5%;
        margin-left: 17%;
        height: 35em;
      }
      
      .grid-container > div {

      }
      
      .title {
        grid-column: 1;
        grid-row: 1;
        margin-left: 1em;
      }
      
      .info-header {
        grid-column: 2;
        grid-row: 1;
        text-align: center;
        margin: auto;
      }
      
.content {
  grid-column: 1 / span 3;
  grid-row: 2;
  margin-left: 1em;
  background-color: #040530;
  border-radius: 0.75em;
  padding: 0.6em;
}

.content p {
  padding-left: 0.6em;
}
      
      .indent-left {
        text-indent: 2em;
      }