body {
  background-color: black;
  color: #bfc5ff; 
  font-family: "Times New Roman", serif; /* default to system serif if there is no Times font */

  max-width: 720px; /* this makes your text wrap at some point */

  /* this makes your website not go to the Complete left. choose between this one and the one under */
  margin: 1em; /* sixteen pixels from left/top */

  /* this one makes it go to the center, taking up At Most max-width pixels
  margin: 1em auto; 
  */
}

a {
  color: #8cafff;

}
a:visited {
  color: #5b88ff;
}

header>img {
  display: block; /* header image on its own line tyvm */
}

nav>a>button::before {
  content: "☆ "; /* we add this here so it's invisible to screenreaders */
}
nav>a>button:hover {
  cursor: pointer; /* make it look clickable */
}

figure {
  margin-left: 0; /* figure is weird, make it look good */
}
figcaption {
  margin-left: 7em; /* make the arrow go the correct way */
}

ul {
  padding-left: 1em; /* not too far away from side */
}
h2 {
  font-size: large; /* not too large */
  font-style: italic;
}
summary h1 { display: inline; }
html { /* this controls the Whole page. as opposed to body which is now max-width px wide */
  background: black;
  background-image: url('/bgtest2.png'); /* will only appear on non-body html */
  min-height: 100%;              /* a bunch          */
  background-repeat: no-repeat;  /* of shit          */
                                 /* that makes       */ 
  background-position: center;   /* it work          */
  background-size: cover;        /* like you want it */
}