body {
	font-size: 100%;
}

footer {
	font-size: 75%;
	color: gray;
	text-align: center;
	margin-bottom: 10px;
}

img {
	width: 100px;
	height: 100px;
	display: inline;
}

table {
	width: 70%;
	margin-top: 250px;
	margin-left: auto;
	margin-right: auto;
}

tr:nth-child(odd) {
	color: #fcf8a4;
	font-family: "Schoolbell", "Comic Sans MS", sans-serif;
	text-transform: lowercase;
	vertical-align: top;
}

tr:nth-child(even) {
	color: #a4edfc;
	font-family: "Markazi Text", "Times New Roman", serif;
	font-weight: bold;
	font-size: 90%;
	vertical-align: top;
}

th, td {
  padding-top: 10px;
}

#cosmos {
	background: black url(../images/stars_animatedBG.gif) repeat; /* bg by artBIT https://www.deviantart.com/artbit/art/Animated-Starfield-Tile-201679214 */
	color: white;
	text-shadow: 2px 2px 4px #000000;
}

#screenplay {
	text-align: justify;
	font-size: 1.5em;
	line-height: 2.0;
	/* margin: 20%; */
}

.traveler {
	color: #fcf8a4;
	font-family: "Schoolbell", "Comic Sans MS", sans-serif;
	text-transform: lowercase;
}

.conciousness {
	color: #a4edfc;
	font-family: "Markazi Text", "Times New Roman", serif;
	font-weight: bold;
	font-size: 90%;
}

.rainbowTextLoop {
	/* code from UnusedCSS https://unused-css.com/blog/css-rainbow-text/ */
  display: inline-block;
  -webkit-animation: rainbow 2.5s infinite;
}

@-webkit-keyframes rainbow{
  0%{color: orange;}  
  10%{color: purple;} 
  20%{color: red;}
  30%{color: CadetBlue;}
  40%{color: yellow;}
  50%{color: coral;}
  60%{color: green;}
  70%{color: cyan;}
  80%{color: DeepPink;}
  90%{color: DodgerBlue;}
  100%{color: orange;}
}