body {
      background-image: url(https://upload.wikimedia.org/wikipedia/commons/thumb/4/4e/Chess_pieces_close_up.jpg/1280px-Chess_pieces_close_up.jpg?_=20240504140643);
        background-color:	#00FA7D ;       
        color: 	#61310F;
        font-family: "Iceland", sans-serif;
        font-size: 1.2em;
        .linRainbow {
    background-image: linear-gradient(to right, red,orange,yellow,green,blue,indigo,violet); 
}
       
main {
    background-color:	#00FA7Dcc  ;
}   width: 80%
    margin: auto;
    
    
    h1 {
        font-family: "Delius Swash Caps", cursive;
        text-align:  center;
    }
    
    a {
        color: #61310F;
    } 
    
    img {
        border: 2em ridge  #0A1045;
        border-radius: 10%;
    }
    
    
    @keyframes glow {
       0% {
          transform: translateX(0%) scale(1);
       }   
       50%{
           color: #0000CC;
       }
       100% {
          transform: translateX(70%) scale(1);
       }  
    }
    
    .highlight {
        animation-duration: 10s;
       animation-name: glow;
       animation-iteration-count: infinite;
       animation-direction: alternate;
       animation-timing-function: ease-in-out; 
    }.container {
      display: flex;
      align-items: flex-start;
      justify-content: center;
      flex-wrap: wrap;
    }
    
    .box {
      /* PLAY WITH THE FLEX-BASIS TO SET THE SIZE OF THE BOXES - DON'T GO OVER 45% */
      flex-basis: 25%;
      margin: .5em;
      padding: 1em;
    }
    
    /* SETTING THE IMAGE WIDTH HERE INSTEAD OF IN HTML. REMOVE WIDTH="XXX%" FROM THE HTML IMAGE TAGS */
    .box img {
      max-width: 67%;   
      display: block;
      margin: auto;
    }
    
    
    /* FORMATTING THE CITATIONS - DON'T COPY THIS IF YOU DON'T HAVE A "citation" CLASS */
    .citation {
      text-align: center;
    }
    
    /* STARS  */
    .star-rating {
      display: flex;
      flex-direction: row-reverse;
      justify-content: flex-end;
    }
    .star-rating input {
      display: none;
    }
    .star-rating label {
      font-size: 2rem;
      color: #ccc;
      cursor: pointer;
    }
    .star-rating label:hover,
    .star-rating label:hover ~ label,
    .star-rating input:checked ~ label {
      color: #ffca08;
    }
    /* END STARS  */