@keyframes animationnav {
   0%   {background-color:black; left:0px; top:0px;}
   25%  {background-color:chartreuse; left:200px; top:0px;}
   50%  {background-color:black; left:200px; top:200px;}
   75%  {background-color: chartreuse; left:0px; top:200px;}
   100% {background-color:black; left:0px; top:0px;}
   
}
  




nav.allura-regular
 {
    font-family: "Allura", serif;
    font-weight: 400;
    font-style: normal;
    animation-name: animationnav;
  animation-duration: 4s;
  

 }
   nav.container{
background-color: black;
border-radius: 15px;
   }

   img{
    width:100%;
    max-width: 100%;
   }
   .container text-center{
    justify-content: flex-end;
   }
   body{
      background-color: black;
      color: white;
   }