body{
    font-family: 'PingFang TC', Arial, sans-serif;
  }
  h1{
    font-weight: normal;
    text-align: center;
    font-size: 40px;
    color:palevioletred;
    font-weight: bold;
    text-decoration: underline 5px dotted;
  }
  
  #container{
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    text-align: center;
    justify-content: center;
    align-items: center;
  }
  .icon{
    margin: 20px;
  }
  .emoji{
    font-size: 60px;
  }

  .description{
    font-size: 12px;
    font-style: italic;
  }

  .category{
    font-weight: bold;
    text-align: center;
    font-size: 20px;
  }

  img{
    width: 100%;
  }

  .year{
    font-size: 50px;
  }
  
  .food{
    color:palevioletred;
  }

  .food:hover{
    color:rgb(179, 92, 121);
    font-weight: bolder;
  }
  .animal{
   color:pink;
  }

  .animal:hover{
    color:rgb(216, 161, 170);
    font-weight: bolder;
  }
  .smiley{
    color:powderblue;
  }

  .smiley:hover{
    color:rgb(147, 187, 193);
    font-weight: bolder;
  }
  .travel{
    color:plum;
  }

  .travel:hover{
    color:rgb(182, 130, 182);
    font-weight: bolder;
  }