<main>
  <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris dignissim dapibus purus, et consectetur ligula consectetur ultrices. Etiam quis cursus est, nec finibus nisi. Fusce dapibus orci porttitor, placerat velit lacinia, volutpat risus. Mauris auctor mauris auctor urna posuere venenatis. </p>
  <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris dignissim dapibus purus, et consectetur ligula consectetur ultrices. Etiam quis cursus est, nec finibus nisi. Fusce dapibus orci porttitor, placerat velit lacinia, volutpat risus. Mauris auctor mauris auctor urna posuere venenatis. </p>
</main>
<footer>
  Alt Alan
</footer>
body {
  display: flex;
  flex-direction: column;
  min-height: 100vh;
  background-color: #F3F3F3;
}

main {
  background-color: #7DD8BD;
  padding: 20px;
}

p {
  margin: 0 0 20px 0;
}

footer {
  margin: auto 0 0 0;
  background-color: #C1EFC5;
  padding: 20px;
}

@import url('https://fonts.googleapis.com/css?family=Merriweather+Sans:300,800');

body {
  font-size: 16px;
  font-family: 'Merriweather Sans', sans-serif;
  margin: 0;
  padding: 0;
}
Rerun