.container{
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-areas:
    "headlineArea1      headlineArea2"
    "descriptionArea1   descriptionArea2";
    text-align: center;
}
.container > div{
    padding: 2%;
    font-size: 1em;
}
.Pro {
  grid-area: headlineArea1;
  color: green;
  padding-top: 19px;
  font-size: 3em;
  font-weight: bold;
  text-transform: uppercase;
}
.Cons {
  grid-area: headlineArea2;
  color: red;
  padding-top: 19px;
  font-size: 3em;
  font-weight: bold;
  text-transform: uppercase;
}
.boxPro{
font-size: 1.6em;
}
.boxCons{
font-size: 1.6em;
}
.containerBox{
    display: flex;
    flex-direction: column;
    font-size: 2em;
    justify-content: center;
    margin: 0;
    list-style-type: circle;
    list-style-position: inside;
}