.movingDiv {
    width: 100px;
    height: 25px;
    background-color: #e9d227b9;
    font-weight: bold;
    position: relative;
    animation: mymove 20s infinite;
    text-align: center;
  } 
  #div1 {animation-timing-function: linear;}
  #div2 {animation-timing-function: ease;}
  #div3 {animation-timing-function: ease-in; direction: rtl; }
  #div4 {animation-timing-function: ease-out;}
  #div5 {animation-timing-function: ease-in-out;}
  #div6 {animation-timing-function: ease-in;}
  #div7 {animation-timing-function: ease-in;}
  
  @keyframes mymove {
    from {left: 0px;}
    to {left: 1200px}
  }
  @keyframes mymove2 {
    from {right: 0px;}
    to {right: 300px;}
  }
#myTitle {
  font-size: 48px;
 
  color: blue;

}


@keyframes animate
{
  0%,10%,100%
  {
    width: 0;
  }
  70%,90%
  {
    width: 100%;
  }
}

.button2 {
  background-color: white;
  color: black;
  border: 2px solid #0825e3; 
  width: 300px;
}

.button2:hover {
  background-color: #0825e3;
  color: white;
}

#myTitle{
  text-decoration: underline ;
  color: blue;
  animation: mymove;

}