body {
  font-family: "Benton Sans", "Helvetica Neue", helvetica, arial, 
sans-serif;
  margin: 0em;
}

h1 {
  font-style: italic;
  color: #373fff;
}

.container {
  display: grid;
  grid-template-columns: 100%;
  grid-template-rows: 60vh 40vh;
  grid-gap: 0em;
}

.sky {
  background: rgb(202,212,235);
  background: linear-gradient(180deg, 
    rgba(202,212,235,1) 15%, 
    rgba(137,173,212,1) 81%);
}

.land {
  background: rgb(92,110,156);
  background: linear-gradient(180deg, rgba(92,110,156,1) 3%, 
    rgba(125,129,158,1) 12%, 
    rgba(157,138,140,1) 19%, 
    rgba(186,168,168,1) 26%, 
    rgba(174,159,159,1) 39%, 
    rgba(140,129,107,1) 85%); 
}

.time-and-place {
  bottom: 0;
  right: 0;
  left: 0;
  position: fixed;
  text-align: center;
  margin: .5em;
	font-style: normal;
	font-size: 1.4em;
  font-weight: 400;
	letter-spacing: 1px;
  color: #FFF;
	opacity: .15;
}