div {background-color:burlywood }

div a {
    text-decoration: none;
    color: white;
    font-size: 20px;
    padding: 15px;
    display:inline-block;
}

ul {
  display: inline-block;
  margin: 0;
  padding: 0;
}

ul li {display: inline-block;}
ul li:hover {background: #555;}
ul li:hover ul {display: block;}

ul li ul {
  position: absolute;
  width: 200px;
  display: none;
}

ul li ul li { 
  background: #555; 
  display: block;
}

ul li ul li a {display:block !important;} 
ul li ul li:hover {background: #666;}

ol{
    
    text-align: left;
    margin-left: 30;
    font-size: 25;
}

ol li {
    text-align: left;
    
}

body {
    
    background-color: white;
}

h1 {
    
    text-align: center;
    font-size: 40;
    margin-bottom: 70;
    margin-top: 50;
}

h2 {
    
    text-align: center;
    font-size: 34;
    margin-bottom: 70;
    margin-top: 50;
}

h3 {
    
    text-align: center;
    font-size: 30;
    margin-bottom: 70;
    margin-top: 50;
}

p {
    font-size: 28;
    margin-left: 50;
    margin-right: 50;
    margin-bottom: 40;
}

li{
    font-size: 28;
}

.center {
    margin-left: auto;
    margin-right: auto;
    display: block;
    width: 50%;
}

.image {
    margin-left: auto;
    margin-right: auto;
    margin-top: 10px;
    display: block;
}

mark1 {
    background-color: orangered;
    color: black;
}

mark2 {
    background-color: limegreen;
    color: black;
}

xmp{
    margin-left: 50;
    margin-right: 50;
    font-size: 18;
    background-color: whitesmoke;
}

.footer{
   left: 0;
   bottom: 0;
   width: 100%;
   background-color: whitesmoke;
   color: cadetblue;
    height: 7%;
    text-align: left;
}

.link{
    color: cadetblue;
    font-size: 24;
    text-decoration: underline;
}