* {
    font-family:Arial, Helvetica, sans-serif;
}

body {
  background-color: #202020;
    font-family:Arial, Helvetica, sans-serif;
}

.whiteText {
    color:white;
}


/* warnings 'n titles */


#tosWarning {
    text-align: center;
  color: darkblue;
}
#wipWarning {
  color:rgb(255, 136, 0);
  text-align:center;
  
}
#funfactTitle {
  color: rgb(1, 180, 7);
  text-align:center;
}
#newsTitle {
  color: rgb(0, 191, 255);
  text-align:center;
}


/* news stuff */


.newsItem {
  color: white;
  text-align:center;
}
.newsTitle {
  color:rgb(107, 0, 107);
  text-align:center;
}
.newsDate {
  color:rgb(139, 0, 0);
  text-align:center;
}


/* navigation bar:*/



ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
  overflow: hidden;
  background-color: rgb(82, 1, 82) ;
  
}

ul li {
  float: left;
}

ul li a {
  display: block;
  color: white;
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
}

ul li a:hover:not(.active) {
  background-color: darkblue;
}

ul li a.active {
  background-color: #04AA6D;
}



#papyrus {
    font-family: 'papyrus';
}

#purple {
    color:rgb(66, 0, 66)
    
}


/* fun fact */


div.ffDiv {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  border: 2px solid rgb(28, 146, 73);
}



/*fun fact button */


.factButtonCSS {
	background-color:#12a339;
	border-radius:28px;
	border:1px solid #202020;
	display:inline-block;
	cursor:pointer;
	color:#202020;
	font-family:Arial;
	font-size:15px;
	padding:9px 10px;
	text-decoration:none;
}
.factButtonCSS:hover {
	background-color:#5db82c;
}
.factButtonCSS:active {
	position:relative;
	top:1px;
}