body{
textalign:center;
font-family: Helvetica, Arial, sans-serif;
}

.container {
 display: flex;
 flex-direction: row;
   }

.item {
border-style: solid;
border-color: darkred;
   }



/* Make a one column-layout instead of two-column layout */
@media only screen and (max-width: 600px) {
  .container {
    flex-direction: column;
  }
}

h1{
padding:2px;
margin:2px;
}

ul{
list-style-type: none;
margin: 2px;
padding: 2px;
}

li{
margin-top: 2px;
margin-bottom: 2px;
margin-left:2px;
padding-top:2px;
padding-bottom:2px;
padding-left:2px;
padding-right:2px;
border-style: solid;
border-color: darkgreen;
}

p{
padding-top:2px;
padding-bottom:2px;
margin: 1px;

}