.main-body{
 width: 800px; 
 /* background-color: antiquewhite; */
 /* background: url(../img/backgrounds/body.gif) */
 background: url(../img/backgrounds/body.gif);
 font-family: Verdana, Geneva, Tahoma, sans-serif;
  font-size: 16px;
  padding: 10px;
  float:right;
}
.side-bar{
  width: 424px;
  float:left;
  background: url(../img/backgrounds/green2.gif);
   font-family: Verdana, Geneva, Tahoma, sans-serif;
  font-size: 16px;
  padding: 10px;
}
side-bar ul li {
  padding-right:10px;
}
.text{
 width: 642px; 
 font-family: Verdana, Geneva, Tahoma, sans-serif;
  font-size: 16px;
}
 .tooltip {
      border-bottom: 2px dotted yellowgreen;
      /* this is the purple dots underline */
      cursor: pointer;
      text-decoration: none;
    }

    .tooltip a {
      color: #ca82ff;
      /* color of tooltip link text */
    }

    .tooltip-content {
      position: absolute;
      display: none;
      padding: 10px 20px 10px 20px;
      font-size: 14px;
      line-height: 1.3em;
      z-index: 999;
      margin-top: 20px;
      max-width: 400px;
      /* tooltip content width */
      border: 2px dotted hotpink;
      /* tooltip content border */
      z-index: 9999;
      background-color: white;
      /* tooltip background color */
      img {
      object-fit: scale-down;
      max-width:400px;
      font-family: Verdana, Geneva, Tahoma, sans-serif;
    }
}
a {
  color:hotpink
}
a:visited {
  color:deeppink
}
body{
  background:url("../img/backgrounds/green4.gif")
}
footer{
 text-align: center;
 align-content:center
 font-size:16px;
 font-family: Verdana, Geneva, Tahoma, sans-serif;
 background: url(../img/backgrounds/green2.gif);
 width:100%;
 float:left;
 padding: 10px 0px 10px 10px;
}