body {
    font-family: Arial, sans-serif;
    font-size: 16px;
    background-color:lightgoldenrodyellow;  
  }

.card {
    display: inline-block;
    vertical-align: top;
    width: 300px;
    border: 1px solid black;
    padding: 10px;
    margin-right: 10px;
    margin-bottom: 10px; 
  }
  
  .date {
    font-style: italic;
    margin-bottom: 5px;
  }
  
  .rating {
    margin-bottom: 5px;
  }
  
  .rating span {
    font-size: 1.2em;
    margin-right: 2px;
  }
  
  .card-container{
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    color: blueviolet;
  }

  .card{
    background-color: rgb(173, 202, 230);
  }

.review-heading{
    color: darkolivegreen
}

.add-heading{
    color: darkolivegreen;
}

.highlight{
    background-color: yellow;
}

.uno {
    color: orangered;
  }

  .about-me{
    font-family: Arial, sans-serif;
    font-size: 20px;
  }

  .game-reason{
    font-family: Arial, sans-serif;
    font-size: 20px;
  }

  ul li{
    display: inline-block;
    margin-right: 20px;
  }

  ul li img{
    margin-right: 10px;
    vertical-align: middle;
  }

  .about-me li:nth-child(2){
    background-color: lightcoral;
  }