/* General Purpose CSS stylesheet */
a:visited {
  color: rgb(212, 201, 255);
}

.current:visited {
  color: rgb(204, 144, 144);
}

/* Add the cloudy, cotton candy BG */
body {
  background: url("/assets/images/CloudyBG.png");
  background-attachment: fixed;
  text-align: center;
}

/* remove the dot off of lists (so that we can add in icons etc.) */
ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}

/* Style any 'body' element (add the pink and blue netting) */
.netBG {
  background: url("/assets/images/BGPattern.png");
  background-position: center;
  background-clip: padding-box;
  border: 21px solid transparent;
  border-radius: 2px;
  border-image: url("/assets/images/WebBorder.png") 21 round;
  overflow-x: hidden;
  overflow-y: auto;
  color: white;
}

.header, .footer {
  max-width: 40em;
  margin: auto;
}

.menu {
  max-width: 20em;
}

.main {
  min-width: 90em;
}

* {
  font-family: "Arial";
}

/* Setup our main site's flexbox */
.header {
  grid-area: header;
  grid-row: 1;
  grid-column: 1/span 2;
}

.menu {
  grid-area: menu;
  grid-row: 2;
  grid-column: 1;
}

.main {
  grid-area: main;
  grid-row: 2/span 2;
  grid-column: 2;
}

.footer {
  grid-area: footer;
  grid-row: 4;
  grid-column: 1/span 2;
}

.grid-container {
  display: grid;
  grid-template-columns: 10% auto;
  grid-template-rows: auto auto auto;
  grid-auto-flow: column;
  gap: 10px;
  padding: 16px 16px;
  margin: 2em;
}

/*# sourceMappingURL=styles.css.map */