body {
  background-color: #3b2dc2;
  color: white;
  font-family: Helvetica;
} 

h1 {
  background-color: #3b2ab1;
  text-align: center;
  padding: 20px;
}

div.flex-container {
  display: flex;
  /* Show the flex items horizontally */
  flex-direction: row;
}

div.flex-container > div {
  margin: 10px;
}

/* Use media query and show the flex items vertically if screen width is less than 600px */
@media screen and (max-width:600px) {
  div.flex-container {
    flex-direction: column;
  }
}