/* ******************************************** */
/* *** GENERAL STYLES ************************* */
/* ******************************************** */

body {
  margin:0;
  padding:0;
  font-size:2.5vw;
  font-family: 'Helvetica', 'Arial', sans-serif; /* Kindle-friendly font */
  background-color:#fff;
  color:#333;
}
main {
  margin:0;
  padding:0 1em;
}

/* ******************************************** */
/* *** NAVIGATION BAR ************************* */
/* ******************************************** */

.topnav {
  background-color: #ccc;
  overflow: hidden;
}
.topnav a {
  float: left;
  color: #000;
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
}
.topnav a:hover {
  background-color: #333;
  color: #fff;
}
.topnav a.active {
  background-color: #aaa;
  color: #000;
}

/* ******************************************** */
/* *** HOME PAGE ****************************** */
/* ******************************************** */

main#home {
  width:100%;
  text-align:center;
  padding:2.5vw;
}
img#homeimg {
  margin:0;
  padding:0;
}
  
/* ******************************************** */
/* *** NOTES PAGE ************************* */
/* ******************************************** */

iframe#notes {
  width:100%;
  height:100vh;
  overflow:hidden;
  margin:0px;
  padding:0px;
  border:none;
}