body{
    background-color:#A7B4D7;
    font-family:Georgia;
    font-size:27px;
}

.gather::first-letter{
    font-size: 150%;
  color: #000066;
}

#hyper-link-img{
    width:200px;
    Height:200px;
}
.quotes{
    font-size:30px;
    color:#0d1a26;
}


.hideT {
  display: none;
}

.myDIV:hover + .hideT {
  display: block;
  color: red;
}

.topnav {
  background-color: #006699;
  overflow: hidden;
  
}

.topnav a {
  float: left;
  color: #f2f2f2;
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
  font-size: 17px;
}

.topnav a:hover {
  background-color:#00ccff;
  color: black;
}


.topnav a.active {
  background-color: #04AA6D;
  color: white;
}


.FL {
  float: left;
}

.FR{
    float:right;
}


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


img{
    border-style:solid;
    Border-color:DarkBlue;
}


}

.Div2{
    background-color:#9999ff;
}

.Div3{
    background-color:#80ff80;
}


.group{
    background-color:#ffff99;
}


#GATHER{
    background-color:#e699ff;
}
 


#moving{
  position: relative;
  animation-name: example;
  animation-duration: 4s;
  animation-iteration-count: 1;
}

@keyframes example {
  0%   {background-color:red; left:0px; top:0px;}
  25%  {background-color:yellow; left:200px; top:0px;}
  50%  {background-color:blue; left:200px; top:200px;}
  75%  {background-color:green; left:0px; top:200px;}
  100% {background-color:red; left:0px; top:0px;}
}