body {
  background-image: linear-gradient(to right, purple, green);
  color: white;
  text-align: center;
}
 
a:link {
  color: yellow;
  background-color: transparent;
  text-decoration: none;
}
  
a:visited {
  color: pink;
  background-color: transparent;
  text-decoration: none;
}

a.booklink:link {
  color: rgba(255,255,100,0.5);
  background-color: transparent;
  text-decoration: none;
}
  
a.booklink:visited {
  color: rgba(255,200,200,1);
  background-color: transparent;
  text-decoration: none;
}


.banner {
  margin: auto;
  width: 40%;
}

.smallbanner {
  margin: auto;
  width: 55%;
}

.button {
  margin: auto;
  height: 50px;
}

.cover {
  margin: auto;
  height: 700px;
}

.booklink {
  color: yellow;
  background-color: transparent;
  text-decoration: none;
}


.column {
  float: left;
  width: 50%;
}

.largecolumn {
  float: left;
  width: 70%;
}

.smallcolumn {
  float: left;
  width: 20%;
}

.centercolumn {
  margin: auto;
  width: 42%;
}

.header {
  margin: auto;
  width: 50%;
}

.headercolumn {
  float: left;
  width: 33%;
}

/* Clear floats after the columns */
.row:after {
  content: "";
  display: table;
  clear: both;
}