html, body{
  height: 100%;
  margin: 0;
  padding: 0;
  overflow: hidden;
}

body{
	width: 100%;
  background: #215b30;
}

p{
  font-family: "Newsreader";
  font-weight: 380;
  font-size: 1.15em;
  line-height: 1.3em;
  color: #ffffff;
	text-align: left;
  margin-top: 0px;
  margin-bottom: 12px;
}

a{
  color: #ffffff;
}

.italic{
	font-weight: 500;
  font-style: italic;
  color: #9fc6ac;
}

.indent{
    padding-left: 30px;
}

.story{
  position: absolute;
  bottom: 0;
  box-sizing: border-box;
  width: 100%;
  height: 70vh;
  overflow-x: auto;

  column-width: 280px;
  column-gap: 30px;
  column-fill: auto;
  padding: 10px;
}

.story-images{
  width: 100%;
  position: relative;
}

.story-images img{
  background: white;
  width: 100%;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  transition: opacity 2s ease;
  z-index: 0;
}

.story-images img.active{
  opacity: 1;
  z-index: 1;
}