@charset "iso-8859-1"; * { margin: 0; padding: 0; box-sizing: border-box; font-size: 100%; }

 body {max-width:  height: 100vh;  width: 100%; background-color: #ffffd4;  color: navy; font-family: arial; font-size: .9em; line-height: 1.4}
  
  .word-wrap {
    /* Warning: Needed for oldIE support, but words are broken up letter-by-letter */
    -ms-word-break: break-all;
    word-break: break-all;
    /* Non standard for webkit */
    word-break: break-word;

    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;
}

/* Specifies the size of the audio container */
audio {
  width: 100px;
  height: 15px;
}


audio::-webkit-media-controls-enclosure {
    overflow:hidden;
}

audio::-webkit-media-controls-panel {
    width: calc(80% + 10px); /* Adjust as needed */
	justify-content: center;
}

/* Removes the timeline */
audio::-webkit-media-controls-timeline {
  display: none !important;
}

/* Removes the timeline */
audio::-webkit-media-controls-more-options {
  display: none !important;
}

/* Removes the time stamp */
audio::-webkit-media-controls-current-time-display {
  display: none;
}
audio::-webkit-media-controls-time-remaining-display {
  display: none;
}

.buttonClass {
  font-size:15px;
  font-family:Arial;
  width:22px;
  height:22px;
  border-width:1px;
  color:#fff;
  border-color:#84bbf3;
  font-weight:bold;
  border-top-left-radius:6px;
  border-top-right-radius:6px;
  border-bottom-left-radius:6px;
  border-bottom-right-radius:6px;
  box-shadow:inset 0px 1px 0px 0px #bbdaf7;
  text-shadow:inset 0px 1px 0px #528ecc;
  background:linear-gradient(#79bbff, #378de5);
}

.buttonClass:hover {
  background: linear-gradient(#378de5, #79bbff);
}


 header h1 {display: inline-block;
  padding-left: .5em; font-size: 2.5em; font-family: sans-serif; color: menu}

 nav { padding: .5em; }

 nav ul {border: 0px; list-style-type:
  none; padding-left: .5em; margin-bottom: 0; margin-top: 0; margin-left: 0; margin-right: 0; text-align: left; top: -.5em; border-top-width:
  thin; border-bottom-width: thin}

 nav li {display: list-item; padding-right: 1.3em; font-family: Arial;}

 inav { padding: 0; }

 inav ul {border:
  0px; list-style-type: none; padding-left: .5em; text-align: left; top: -1.5em;}

 inav li {padding-right: 1.3em; font-family: Arial; }

 ulist ul
  {border: 0px; list-style-type: disc; padding-left: .5em; text-align: left; top: -1.5em;}

 ulist li {padding-right: 1.3em; font-family: Arial;
  }

 .aside-left {display: inline-block; width: 15%; padding: 1em; background-repeat: repeat; float: left; height: 90vh; margin-top: .4em}


  article { display: inline-block; padding: 0em; width: 64%; height: 100vh; }
 
 .lists  {
height: 68vh; /* This sets the height of the container div to the height of the viewport */
display: flex;
flex-direction: column;
}
 
 
 .inner {
height: 90%;
background-color: #f7f7f7;
}
 
 .lists-main  {
height: 0vh; /* This sets the height of the container div to the height of the viewport */
display: flex;
flex-direction: column;
}
 
 
 .inner-main {
height: 90%;
background-color: #ffffff;
}

 .mostly-customized-scrollbar { display: block; width: 100%;
  overflow: auto; height: 83vh; }

 .bullets { width: 90%; margin-left: 4em }

 blockquote { display: block; margin-top: 1em; margin-bottom: 1em;
  margin-left: 40px; margin-right: 40px; text-align: justify; }

 tableleft {display: inline-block; float: left; border:8px; width: 35%;
  margin-left: 1em; margin-right: 1em; text-align: left }
  tablecol2 {display: inline-block; float: left; border:8px; width: 15%;
  margin-left: 1em; margin-right: 1em; text-align: left }
  tablecol3 {display: inline-block; float: left; border:8px; width: 25%;
  margin-left: 1em; margin-right: 1em; text-align: left }

 tableright {display: inline-block; float: center; border:8px; width: 10%;
  margin-left: 1em; margin-right: 1em; text-align: left }

 ltableleft {display: inline-block; float: left; border:8px; width: 29%; margin-left:
  1em; margin-right: 1em;  text-align: left }
  
  ltableconflict {display: inline-block; float: left; border:8px; width: 100%; margin-left:
  1em; margin-right: 1em;  text-align: left }

 ctablecenter {display: inline-block; float: left; border:8px; width: 29%; margin-left: 1em;
  margin-right: 1em; text-align: left }

 rtableright {display: inline-block; float: left; border:8px; width: 32%; margin-left: 1em;
  margin-right: 1em; text-align: left }

   rtablesummary {display: inline-block; float: right; border:8px; width: 60%; margin-left: 1em;
  margin-right: 1em; text-align: left; vertical-align: top }
  
 article p {margin-bottom: 1em; margin-top: .5em; margin-left: 1em; margin-right: 1em; text-align:
  justify}

 .aside-right { display: inline-block; vertical-align: top; padding: 1em; background-repeat: repeat; margin-top: .4em}

 footer { float:  top;  border-bottom: 2px solid gray; width: 100%; height: 1.5em; }

 footer ul {border: 0px; list-style-type: none; padding-left: .5em;
  margin-bottom: 0; margin-top: 0; margin-left: 0; margin-right: 0; text-align: center; top: 0em; border-top-width: thin; border-bottom-width:
  thin; }

 footer li {display: inline-block; padding-right: 1.2em; font-family: Arial; font-weight: bold; }
 
 
 #words {
  font-family: Arial, Helvetica, sans-serif;
  border-collapse: collapse;
  width: 100%;
}

#words td, #words th {
  border: 1px solid #ddd;
  padding: 4px;
}

#words tr:nth-child(even){background-color: #e9f7ff;}

#words th {
  padding-top: 4px;
  padding-bottom: 4px;
  text-align: left;
  background-color: #0000ff;
  color: white;
}
 
 #details {
  font-family: Arial, Helvetica, sans-serif;
  font-size: medium;
  font-weight: normal;
  border-collapse: collapse;
  width: 100%;
  vertical-align:top;
  background-color: white;
}

#details td, #words th {
  border: 1px solid #aaaaaa;
  padding: 4px;
  vertical-align:top;
}

#details tr:nth-child(even){background-color: #1d87ff;
color: white; }

#details th {
  padding-top: 4px;
  padding-bottom: 4px;
  text-align: center;
  border: 1px solid #aaaaaa;
  background-color: #0068de;
  color: white;
  font-size:large;
}

 h2 {font-size: 2em; margin-left:
  .5em; margin-top: .25em; margin-bottom: 0em}

 h3 {font-size: 1.25em; margin-top: .5em; text-align: center;}

 h6 {font-size: 4.25em; color:
  #000080; margin-top: .5em; text-align: center;}

 h5 {font-size: 3.25em; color: #000080; margin-top: .5em; text-align: center;}

 h4 {font-size:
  1.25em; color: #000080; margin-top: .1em; margin-bottom: -.05em; text-align: left;}
  
  h1 {font-size:
  1.25em; color: #000080; margin-top: -1.4em; margin-bottom: -.05em; text-align: left;}

 h7 {font-size: 1.25em; color: #000080; margin-left: .5; margin-right: .25em;
  margin-bottom: .25; text-align: left;}

 h8 {font-size: 1em; color: #000080; margin-left: .25; margin-right: .25em; margin-bottom: .25;
  text-align: left;}

 h9 {font-size: 1.25em; color: red; margin-top: .5em; text-align: left; font-weight: bold;}

 /* BACKGROUND COLORS */

 nav { background-color: #ffff97; }

 article { background-color:  white; }

 aside, main { background-color: #ffff97; }
 
 article-sub {background-color: #ffff97; }
 
header { background-color: white;} 

footer { background-color: #ffff97; }