body {
  background: #ccccff;
  margin: 0;
  padding: 0;
}

.smalltext {
      font-size: 10px;
}

/* Top Stripe */

.topstripe {
  box-sizing: border-box;
  background-color: #ffee4d;
  overflow: auto;
  padding: 16px 50px;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 999;
}

.home_button img{
    width: 4.5%;
     float: left;   
}

.topmenu ul {
  padding: 0;
  margin: 0;
  list-style: none;
}

.topmenu li {
  color: #000;
  font-family: 'Open Sans', sans-serif;
  font-size: 100%;
  font-weight: 300;
  letter-spacing: 2px;
    text-transform: uppercase;
  margin: 0;
  padding: 20px 28px 10px;
  float: right;
}

.below_stripe{
      position: relative;
        top: 100px;
}

table {
  height: 100%;
  margin: 20px auto;
  overflow-y: scroll;
  width: 90%;

}

td {
  font-family: 'Open Sans', sans-serif;
  font-weight: 400;
  font-size: 18px;
  text-align: left;
  padding: 20px;
  width: 50%;
}


img {
    width: 100%;   
}

iframe{
    width: 100%;
    height: 500px;
}

.bookCover{
      padding: 20px;
      width: 20%;
}

.bookQuote{
      font-family: 'Open Sans', sans-serif;
  font-weight: 400;
  font-size: 18px;
  text-align: left;
  padding: 20px;
      width: 80%;
}

.monospace{
      font-family: 'Inconsolata', sans-serif;
  font-weight: 400;

  text-align: left;
  padding: 10px;
}

.monotext{
      font-family: 'Open Sans', sans-serif;
  font-weight: 400;
  text-align: left;
  padding: 10px;
          vertical-align: top;
}

.challenge{
        text-align: center;

}


/*Stack table on phone screens, enlarge my logo, and reduce top stripe's font size*/
@media (max-width: 740px) {

	/* Force table to not be like tables anymore */
	table, td, tr { 
		display: block; 
	}
	
table {
  height: 100%;
  margin: 20px 20px;
  overflow-y: scroll;
  width: 90%;

}

td {
  font-family: 'Open Sans', sans-serif;
  font-weight: 400;
  font-size: 90%;
  text-align: left;
  padding: 20px 10px;
  width: 100%;
}

.bookCover{
      padding: 20px;
      width: 90%;
}

.bookQuote{
      font-family: 'Open Sans', sans-serif;
  font-weight: 400;
  font-size: 75%;
  text-align: left;
  padding: 20px;
      width: 90%;
}

.home_button img{
    width: 16%;
     float: left;   
}


.topmenu li {
  color: #000;
  font-family: 'Open Sans', sans-serif;
  font-size: 75%;
  font-weight: 300;
  letter-spacing: 2px;
    text-transform: uppercase;
  margin: 0;
  padding: 2px 10px 2px;
  float: right;
}

}