* {
     margin: 0;
     padding: 0;
     box-sizing: border-box;
     font-family: Arial, Helvetica, sans-serif;
 }

 body {
     background: #B1D3B9;
     padding: 40px;
 }

 h1 {
     text-align: center;
     margin-bottom: 50px;
     color: #065535;
     font-family: fantasy;
 }

 #genreList {
     list-style: none;
     display: flex;
     flex-wrap: wrap;
     justify-content: center;
     gap: 35px;
 }

 #genreList li {
     background: #88BDA4;
     color: white;
     padding: 30px 25px;
     margin: 50px auto;
     border-radius: 30px;
     cursor: pointer;
     transition: .2s;
     font-weight: bold;
     font-family: fantasy;
 }

 #genreList li:hover {
     background: rgb(5, 41, 5);
     transform: scale(1.05);
 }