body {
  color: black;
  font-family: Trebuchet;
  background-repeat: no-repeat;
  background-color: white;
}

 /* unvisited link */
a:link {
  color: black;
}

/* visited link */
a:visited {
  color: black;
}

/* mouse over link */
a:hover {
  color: #a699f2;
}

/* selected link */
a:active {
  color: #623F99;
} 


/*begin nav-specific css*/

nav{
  background-color:rgba(255,255,255,1);
  font-size: 125%;
}

nav ul{
  justify-content: space-between;
}

nav ul li{
  justify-content: center;
  display: inline-block;
  list-style-type: none;
  width: 4%;
  min-width: 50px;
}

nav ul a:link{
    color: #000000;
    text-decoration-line: none;
}

nav ul a:hover{
    color: #623F99;
}

nav ul a:active{
    color: #a699f2;
}

nav ul a:visited{
    color: #000000;
    text-decoration-line: none;
}

.active{
  /*background-color: #A796E1;*/
  text-decoration-line: underline;
  text-decoration-color: #a699f2;
}

/*end nav-specific css*/


.purple {
 color: #a699f2; 
}


.header {
  width: 30%;
  /* background-color: #623F99;*/
}

.main {
  width: 30%;
  min-width: 1200px;
  background-color:rgba(0, 0, 0, 0.5);
  padding: 20px;
  position: relative;
}

.main-full {
  width: 60%;
  background-color:rgba(0, 0, 0, 0.5);
  padding: 20px;
  position: relative;
}

.center {
  width:100%;
  display: flex;
  justify-content: center;
}

.logo {
  padding: 20px;
}

p {
  font-size: 125
  justify-content: center;
}

h1 {
  color: black;
  justify-content: center;
}

h2 {
  color: black;
  justify-content: center;
}

h2 a:link{
  text-decoration-line: none;
}

h2 a:hover{
  color: #a699f2;
}

h3 {
  color: black;
  justify-content: center;
}

blockquote{
  width: 60%;
  max-width: 600px;
}

a.previous {
    display: inline-block;
    width: 126px;
    height: 114px;
    background-image: url(previous.jpg);
    text-indent: -999em;
}

a.previous:hover {
    background-image: url(previous_active.jpg);
}

a.next {
    display: inline-block;
    width: 126px;
    height: 114px;
    background-image: url(next.jpg);
    text-indent: -999em;
}

a.next:hover {
    background-image: url(next_active.jpg);
}

hr {
  margin-top:0;
  margin-bottom:0;
}

img {
  max-height: 612px;
}