html, body {
     margin:0;
     padding-top:25px;
     padding:1px;
     height:100%;
     font-family:Verdana;
     font-size:11px;
     background-color: white;
     color: black; 
     overflow-y:hidden;
     cursor: url("/totoro_cursor.png"), pointer;
}

 #container {
     max-width:1200px;
     margin:0 auto;
     margin-top:15px;
     height:100%;
}

 h1, h2, h3, h4, h5, h6 {
     color: #5ABD14;
} 

#header {
     max-width:1105px;
     height:105px;
     margin-left:5px;
     margin-right:5px;
     margin:0 auto;
     background-color: white; 
     border:1px solid black; 

}
 .title {
     font-size:40px;
     text-align:center;
     font-style:bold;
}

.content {
  padding:10px;
  }
  
.section-title {
     text-align:center;
     font-weight:bold;
     padding-top:5px;
     padding-bottom:5px;
     background-color:#6EE718;
     color: white;
     font-size:12px;
}

 button {
     width:88px;
     height:31px;
     background-color:#5ABD14;
     color: white;
     font-weight:bold;
     border:none;
     margin-top:2px;
     margin-right:2px;
}
  button a {
    color: white; 
    text-decoration: none;
    font-weight:bold;
  }

 #two-boxes {
     display: flex;
     flex-wrap: wrap;
     flex-direction: row;
     justify-content: center;
     align-items: flex-start;
     align-content: center;
     margin-top:5px;
}

.content-box {
     height:500px;
     width:750px;
     margin-left:5px;
     border:1px solid black; 
     background-color: white;
     overflow:auto;
}

.note-box {
     height:200px;
     width:200px;
     margin-left:5px;
     border:1px solid black; 
     background-color: white;
     overflow:auto;
}

.nav-box {
     height:500px;
     width:350px;
     margin-left:5px;
     border:1px solid black; 
     background-color: white;
     overflow:auto;
}


/*the container holds the boxes */
.pkmn {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: flex-start;
  flex-wrap: nowrap;
  align-content: center;
  background-color: LawnGreen;
}

/* these are the boxes */
.pkmn div {
  background-color: #FFFAF0; /*of the individual boxes */
  width: 200px;
  margin: 10px;
  padding: 10px;
  text-align: center;  
}

.notes-title {
     text-align:center;
     font-weight:bold;
     padding-top:5px;
     padding-bottom:5px;
     background-color:#f79897;
     color: white;
     font-size:12px;
}

/*the container holds the boxes */
.notes {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: flex-start;
  flex-wrap: wrap;
  align-content: center;
  background-color:#facecd;
  
}

/* these are the boxes */
.notes div {
  background-color: #FFFAF0; /*of the individual boxes */
  width: 200px;
  margin: 10px;
  padding: 10px;
  text-align: left;  
}







 #footer {
     text-align:center;
     padding-top:5px;
     margin-bottom:5px;
}