body {
  margin: 0;
  padding: 0;
  font-family: sans-serif;
}
h1 {
  text-align: center;
  background-color: palegreen;
  height: 50px;
  color:blue;
  margin: 0;
  padding: 0;
}
.contentsbox {
    margin: 0;
    display: flex;   /* 좌우로 나눔 */
    font-family: sans-serif;
    font-size: 32px;
    font-weight: bold;
  }
.half1, .half2 {
   flex: 1; 
  }
.like, .hate {
  display: flex;  
  flex-direction: column;
  text-align: left;
  margin: 80px 0 80px 100px;      
  padding: 0;
  list-style: none;   
  }
  .like{
    color:magenta;
  }
  .hate{
    color:DarkGoldenrod;
  }
.half1:hover {
  background-color: magenta;
  }
.half2:hover {
  background-color: DarkGoldenrod;
  }
span {
  color:white;
}
a:visited {
  color:blue;
}
/*h1:hover + .contentsbox .half1 {
  background-color: magenta;
}
h1:hover + .contentsbox .half2 {
  background-color: DarkGoldenrod;
}*/