body {
      background: 
        linear-gradient(to top, transparent, black),
        linear-gradient(to right, #ff00d3, red, #0000ff, #ff00d3, #ff00d3);
      background-size: 4000% 100%;
 	background-attachment: fixed;
      animation: move 400s infinite;
    }

    @keyframes move {
      from {background-position: center center, left center;}
      to {background-position: center center, right center;}
    }


main {
	margin-top: 0;
}

 
.poem {
	max-width: 600px;
      margin: 0 auto;
}

.poem p, .poem a {
	color: white;
	font-size: 1.3rem;
	line-height: 1.7rem;
	border-bottom: 0;
	text-decoration: none;
}


#nhg_graphic {
	display:block;
	width:90%;
	margin: 0 auto;
}




/* Popup link effect */

.definition {
  animation: fadeInOut 5s 2s infinite;
}

.definition2 {
  animation: fadeInOut 5s infinite;
}


@keyframes fadeInOut {
  0%, 100% {
    color: rgba(255, 255, 255, 1);
  }
  50% {
    color: rgba(255, 255, 255, 0.6);
  }
}




/* Popups */

.popup {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.9);
  z-index: 5;
  transition: width 0.5s, height 0.5s;
  justify-content: center;
  align-items: center;
}



.popup-content {
	max-width: 600px;
	padding:40px 10px 10px 10px;
	position: relative;
}

.popup-content p {
	font-size: 1.2rem;
	line-height: 1.4em;
}

.popup-content a {
	color: #ff00d3;
	border-bottom:0;
	text-decoration: none;
	font-size: 1.2rem;
}


.close-button {
	position: absolute;
	top: 0px;
	right: 10px;
	cursor: pointer;
	font-size: 1.5rem;
	font-weight: 200;
	color: #ff00d3;
	border: none;
	background: transparent;
}