html { height: 100%; }
body {
    min-height: 100%;
    text-align:left; 
    width: 96%;  
    background-color:rgb(180,180,180); 
    padding: 5px 5px;
    border: 4px;
    margin: 5px 5px;
}

div {
    min-height: 100%;
    text-align: left;
    width: 95%;
    background-color: rgb(230,240,255);
    font-size: large;
    padding: 10px;
    border: 5px;
    margin: 5px;
    margin-right: 2%;
    margin-left: 2%;
}

p {
    text-align: left;
    font-family: "Times New Roman";
    font-size: large;
    margin-right: 2%;
    margin-left: 2%;
}

.margin { margin-top:10px; margin-bottom:10px; margin-right:5%; margin-left:5%; }

.highlight { background-color: rgb(255, 240, 200);}

td { text-align: left }

.larger  {text-align: left; font-family:"Times New Roman"; font-size:20px;}
.smaller {text-align: left; font-family:"Times New Roman"; font-size:12px;}  

h1
   { text-align: center;
   color:rgb(30, 30, 237);
   font-weight:900;
   font-family:sans-serif;
   font-size:xx-large;
   }

h2 {
    text-align: left;
    margin-right: 2%;
    margin-left: 2%;
    color: black;
    font-weight: 900;
    font-family: sans-serif;
    font-size: x-large;
    font-style: normal;
}

h3 {
    text-align: left;
    margin-right: 2%;
    margin-left: 2%;
    color: black;
    font-weight: 600;
    font-family: sans-serif;
    font-size: large;
    font-style: normal;
} 

iframe { align-content: center;
         align-self: center;
}

BLOCKQUOTE
   {
   font-style:italic;
   font-family:sans-serif;
   font-size:90%;
   }

#myHiddenDiv {
    width: 100%;
    padding: 50px ;
    text-align: left;
    background-color: lightblue;
    margin-top: 20px;
    display: none;
}

 a   { 
     color:darkblue; 
     text-decoration:underline; 
     font-size:inherit; 
     font-weight:bold; 
     padding: 15px 15px;

 }
 a:link {
     color: darkblue;
     text-decoration: underline;
     font-size: inherit;
     font-weight: bold;
     padding: 15px 15px;
    }  <!-- unvisited link -->
 a:visited {
     color:green; 
     text-decoration:underline; 
     font-size:inherit;
     font-weight:normal;}

 a:hover {color:#7722EE;}   /* mouse over link */
 a:active {color:#0000DD;}  /* selected link */

/* Buttons */
.btn {
  border: 2px;
  border-color: black;
  background-color: inherit;
  padding: 8px 8px;
  margin: 5px;
  font-family: inherit;
  font-size: inherit;
  font-weight: 900;
  cursor: pointer;
  display: inline-block;
}

/* Green */
.success {
  color: darkgreen;
}

.success:hover {
  background-color: #4CAF50;
  color: white;
}

/* Blue */
.info {
  color: dodgerblue;
}

.info:hover {
  background: #2196F3;
  color: white;
}

/* Orange */
.warning {
  color: orange;
}

.warning:hover {
  background: #ff9800;
  color: white;
}

/* Red */
.danger {
  color: red;
}

.danger:hover {
  background: #f44336;
  color: white;
}

/* Gray */
.default {
  color: black;
}

.default:hover {
  background: #e7e7e7;
}