body { 
font-family: Arial, Verdana, sans-serif; 
font-size: 150%; 
color: black;
background-color:rgb(255,255,224);
margin: 10%;
}

header {
color: green;
background-color: rgba(255,0,0, .5);
width: 80%;
padding: 5%;
}

/*a { font-family: Arial, Verdana, sans-serif; font-size: 18px; color: #483D8B; text-decoration: underline}*/

a:hover { color: #A52A2A; background-color: #FAEBD7; text-decoration: underline;}

h1 { font-family: Arial, Verdana, sans-serif; font-size: 200%; text-align: center; color: rgb(0,0, 255); }
h2 { font-family: Arial, Verdana, sans-serif; font-size: 150%; color: #A52A2A; }

hr{ color:brown; background-color:tan; width:90%; height:2px; } 



table {
 border-color: red;
  

}

ul {
background: #ff9999;
    padding: 20px;
}


ul li {
    background: #ffe5e5;
    padding: 5px;
    margin-left: 35px;
}


.glossary ul {

 background: #3399ff;
    padding: 20px;
}

.glossary ul li {

background: #cce5ff;
    margin: 5px;
}



.button {
display: inline-block;
font-size: 150%;
cursor: pointer;}

.note {
font-family: Arial, Verdana, sans-serif;
font-size: 14px;
color: purple;
font-weight: bold;
}

.warning {
border: 3px solid red;

}

footer {
padding-top: 30px;
padding-bottom: 30px;
border-top: solid 10px orange;
border-bottom: solid 10px orange;

}