body{border-style: solid;border-width: 1px;background: rgb(242, 242, 242);width: 80%;min-width: 80%;margin: auto}
header{color: White;margin: 0;padding: 5px 0px 0 0px;text-align:left;border-style: solid;border-color: black;border-width: 1px;}
header h1{margin: 3px;display: inline;background: white;color: rgb(128,0,0);}
header h2{margin: 3px 0 9px 3px;display: inline;background: white;color: rgb(128,0,0);}
nav{background: rgb(128,0,0);height: 30px;margin: 7px 0 0 0;}
nav ul{margin: 0;display: inline;padding: 0;background: black;text-transform: uppercase;}
nav ul li{list-style: none;display: inline-block;background: rgb(128,0,0);padding: 6px 10px;}
nav ul li a{color: rgb(255,255,255); text-decoration: none;text-transform: uppercase;}
h3{margin: 4px 0 4px 0;color: rgb(128,50,0);font-style: bold;font-family: Courier New;}
h4{color: rgb(128,50,0);font-style: bold;font-family: Courier New;}
.row{background: rgb(153, 80, 0);width:126px;height: 312px;}
.col{background: rgb(128,0,0);color: white;padding: 15px 15px 15px 15px;margin: 0;width: 60%;border-style: outset;border-color: rgb(153, 0, 0);border-width: 3px;margin-top: 4px;font-family:Courier New;font-style: bold; }
p{text-align: left;font-size: 25px;}
a{text-decoration: none;color: white;}
.lin{font-size: 25px;}
#right {
    width: 67%;
    float: right;
    margin-bottom: 20px;
    margin: 10px;
    margin-left: 20px;
    position: relative;left: 10px;
}
#left {
    width: 25%;
    float: left;
    margin: 0px;
}
.hvr-grow {
    display: inline-block;
    vertical-align: middle;
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    transition-duration: 0.3s;
    transition-property: transform;
}

.hvr-grow:hover,
.hvr-grow:focus,
.hvr-grow:active {
    transform: scale(1.18);
}
.hvr-glow {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: box-shadow;
  transition-property: box-shadow;
  background: rgb(128,0,0);color: white;padding: 15px 15px 15px 15px;margin: 0;width: 90px;border-style: outset;border-color: rgb(153, 0, 0);border-width: 3px;margin-top: 4px;font-family:Courier New;font-style: bold;
}
.hvr-glow:hover, .hvr-glow:focus, .hvr-glow:active {
  box-shadow: 0 0 25px rgba(0, 0, 0, 2.5);
}
/* Pop */
@-webkit-keyframes hvr-pop {
  50% {
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
  }
}
@keyframes hvr-pop {
  50% {
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
  }
}
.hvr-pop {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  background: rgb(128,0,0);color: white;padding: 15px 15px 15px 15px;margin: 0;width: 90px;border-style: outset;border-color: rgb(153, 0, 0);border-width: 3px;margin-top: 4px;font-family:Courier New;font-style: bold;
}
.hvr-pop:hover, .hvr-pop:focus, .hvr-pop:active {
  -webkit-animation-name: hvr-pop;
  animation-name: hvr-pop;
  -webkit-animation-duration: 0.3s;
  animation-duration: 0.3s;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
  background: rgb(128,0,0);color: white;padding: 15px 15px 15px 15px;margin: 0;width: 90px;border-style: outset;border-color: rgb(153, 0, 0);border-width: 3px;margin-top: 4px;font-family:Courier New;font-style: bold;
}
#footer {
    clear: both;
    margin: 5px;
    vertical-align: middle;
    text-align: center;
    color:rgb(128,0,0);border-top: 1px solid black;font-size: 25px;
    display: block;
}