body {
  background-image: url("images/backgrounds/greenswirl.jpeg");
  color: rgb(255, 255, 255);
  font-family: Arial;
  text-align: center;
}

.maincontainer {
  justify-content: center;
  flex-direction: column;
  flex-wrap: wrap;
  margin: auto;
  margin-top: 5px;
  margin-bottom: 10px;
  overflow: scroll;
  width: 1000px;
  height: 710px;
  border-radius: 25px;
  /*background-color: rgba(25, 121, 234, 0.9);*/
  /*box-shadow: 0px 10px 20px rgb(25, 121, 234);*/
}

.maincontainer h1 {
 color: rgb(131, 96, 161); 
}

.maincontainer div {
  width: 800px;
  height: auto;
  border-radius: 25px;
  margin: auto;
  margin-top: 10px;
  padding: 1px 20px 1px 20px;
  background-color: rgba(184, 76, 86, 0.95);
  box-shadow: 0px 0px 5px #b84c56;
  text-align: left;
}

.maincontainer a {
  color: #72fd6e;
}

.maincontainer a:hover {
  color: #c17132; 
}

.keycontainer {
  display: flex;
  justify-content: center;
  flex-direction: row;
  margin: auto;
  margin-top: 5px;
  width: 650px;
  height: auto;
  border-radius: 10px;
}

.keycontainer div {
  margin: 0px 10px 0px 10px;
  padding: 1px 5px 1px 5px;
  font-size: 12px;
  background-color: rgb(193, 113, 50);
  border-radius: 25px;
}

.keycontainer img {
  vertical-align: middle;
}

.marquee {
	display: flex ;
	overflow: hidden ;
	white-space: nowrap ;
	width: 1200px ;
	margin: auto;
}

.marquee__item {
	animation-duration: 17s ;
	animation-iteration-count: infinite ;
	animation-name: marquee-content ;
	animation-timing-function: linear ;
	padding-top: 8px;
	padding-bottom: 8px;
}

.marquee:hover .marquee__item {
	animation-play-state: paused ;
}

@keyframes marquee-content {
  0% {transform: translateX(0px)}
  50% {transform: translateX(-1200px)}
  100% {transform: translateX(0px)}
}

.tag {
  text-align: right;
}

.tag2 {
 text-align: right;
 text-decoration: underline;
}

.tagpic {
  display: inline;
  margin-left: 10px;
  vertical-align: middle;
}

.summary {
 text-align: justify;
 text-justify: inter-word;
}

.centre {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

ul {
  list-style-type: none;
  margin: auto;
  padding: 10px 0px;
  width: 900px;
  border: 2px double #c17132;
  border-radius: 10px;
  background-color: rgba(193, 113, 50, 0.95);
  /*box-shadow: 0px 0px 5px #c17132;*/
  display: flex;
  align-items: center;
  /*justify-content: center;*/
}

ul li a {
  display: block;
  color: rgb(255, 255, 255);
  padding: 0px 20px;
  text-decoration: underline;
}

ul li a:hover {
  color: #72fd6e;
}









/*this is not here*/