body {
  font-size: 100%;
}

h1, h2, h3, h4, h5, h6 {
  color: #7b219f;
}

h1 {
  margin-top: 0;
}

#content {
  position: absolute;
  left: 20em;
  top: 0;
}

.frameOuter {
  background:   #fffbb9;
  margin: 1em;
  border-radius: 0.5em;
  border: 1px solid #000000;
  box-shadow:   0.25em 0.25em 0.5em rgba(0, 0, 0, 0.6);
  padding: 1em;
}

.frameInner {
  background: #fffee8;
  border-radius: 0.25em;
  border: 1px solid #000000;
  box-shadow:   0.1em 0.1em 0.2em rgba(0, 0, 0, 0.6) inset;
  padding: 0.5em;
  text-align: justify;
}

.frameInner a {
  color: #3b028e;
  text-decoration: none;
  border:       1px solid rgba(0, 0, 0, 0);
}

.frameInner a:hover {
  background:   #d597e9;
  color:        #7b219f;
  border:       1px solid #47135d;
}

.frameInner a:active {
  background:   #3b028e;
  color:        #ffffff;
  border-color: #1a013f;
}

.frameBanner {
  text-align: center;
}

.frameBanner img {
  height: 8em;
  width: auto;
  margin: 1em;
  border-radius: 0.3em;
}

.banner {
  text-align: center;
}

.banner img {
  height: 8em;
  width: auto;
  margin: 2em;
  box-shadow: 0.2em 0.2em 0.4em rgba(0, 0, 0, 0.7);
  border-radius: 0.3em;
}