body {
 background-color:lavender;

}
@keyframes multi-border-animate {
  0% {
    border-color: purple;
    box-shadow: 0 0 0 5px rgba(255, 0, 0, 0.5), 0 0 0 10px rgba(0, 0, 255, 0.3);
    transform: scale(1);
  }
  50% {
    border-color: hotpink;
    box-shadow: 0 0 0 15px rgba(0, 0, 255, 0.7), 0 0 0 20px rgba(255, 255, 0, 0.4);
    transform: scale(1.1);
  }
  100% {
    border-color:purple;
    box-shadow: 0 0 0 5px rgba(0, 255, 0, 0.5), 0 0 0 10px rgba(255, 0, 0, 0.3);
    transform: scale(1);
  }
}


  h1 {
        
     border: 10px dotted purple;
     color:plum;
       padding: 20px;
         text-align: center;
    border-radius: 20px;
    animation:  border-style 2s infinite;
    width: fit-content;
    margin: 40px auto;
    font-family: cursive;
   background-image:url("https://li1019.neocities.org/backgorund%20for%20main%20website.jpg"); 
/* don't use all of these at once! */
background-repeat:no-repeat; /* stop repeat */
background-repeat:repeat; /* start repeat */
background-repeat:repeat-y; /* repeat up and down */
background-repeat:repeat-x; /* repeat left and right */
}
   
    

    
  
    
   </style>
  }