body {
  font-family: sans-serif;
  line-height: 2;
  margin: 0;
  padding: 20px;
  background-color: rgb(42, 196, 223);
}

h1 {
  font-size: 1.8em;
  margin-bottom: 0.2em;
}

h2 {
  font-size: 1.3em;
  margin-top: 0;
  text-align: left;
}

p {
  margin-top: 0;
  margin-bottom: 0.8em;
  font-size: 1em;
}

.shape-wrapper {
  max-width: 700px;
  margin: 0 auto;
  text-align: left; 
  display: flow-root;
  background: rgba(230, 215, 15, 0.4);
  padding: 0 20px 20px 20px;
  border-radius: 8px;
}

.house-shape {
  float: left;
  width: 150px;
  height: 150px;
  shape-margin: 0.5em;
  shape-outside: polygon(
    0% 0%, 40% 40%, 80% 60%, 35% 0%, 0% 0%, 0% 0%
  );
  margin: 0 0.1em 0.1em 0;
}