body {
  max-width: 1220px;
  margin: auto;
  background-color: white;
  background-image: url("../resources/images/repeating-background.png");
  background-attachment: fixed;
  font-family: monospace;
  font-size: 14px;
}

a:link {
  color: yellow;
}

a:hover {
  color: pink;
}

a:visited {
  color: orange;
}

a:active {
  color: blue;
}

h1, .centered {
  text-align: center;
}

.underlined {
  text-decoration: underline;
}

.aligned {
  vertical-align: middle;
  display: table-cell;
}

h1, h2, h3, h4, h5, h6 {
  font-family: monospace;
}

#flex {
  display: flex;
  gap: 10px;
}

main, sidebar-frame, header, footer {
  opacity: 0.9;
  background-color: #101010;
  border: 3px solid #32CD32;
  color: #32CD32;
  padding: 3em;
  box-shadow: 2px 3px 20px black, 0 0 60px #010101 inset;
}

header {
  margin-bottom: 10px;
}

footer {
  margin-top: 10px;
}

header, footer {
  font-size: 1.3em;
  padding: 0;
}

main {
  width: 800px;
}

sidebar-frame {
  width: 200px;
}

sidebar-content {
  display: block;
}


.large {
  font-size: 2em;
}

magic-words {
  color: transparent;
  background-image: linear-gradient(90deg,rgba(50, 184, 205, 1) 0%, rgba(205, 195, 50, 1) 35%, rgba(205, 195, 50, 1) 65%, rgba(50, 184, 205, 1) 100%);
  background-clip: text;
}