body{
  margin: 20px;
  background-image: url(fish/2.png);
}

h1{
    text-shadow: 0px 3px 7px #032600;
    
   text-align: center;
}

.navbar ul{
  list-style-type: none;
  overflow: hidden;
  text-align: center;
}

.navbar a{
  color: #ff0000;
  padding: 15px;
  display: block;
  text-align: center;
}

.navbar li{
  float: left;
  text-align: center;

}

.navbar a:hover{
  color: #ff5959
}
#box1{
  animation: slide;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
  animation-duration: 10s;
  
}
@keyframes slide{
  from{margin-right: 0%;}
  to{margin-left: 100%;}
  
}

#imgs{
text-align: center
}

.container{
  display:flex;
}

.container {
  display:flex;
}


#boxa1{
  border: 3px solid;
  height: 600px;
  width: 700px;
  background-color: #b4dd13;
  padding: 20px;
  
  top: 600px;
  left: 100px;
}
#boxa2{
  border: 3px solid;
  height: 600px;
  width: 300px;
  background-color: #b4dd13;
  position: absolute;
   padding: 20px;
  right: 100px;
  top: 600px;
  
}