html{
	text-align: center;
	margin-top: 50px;
	overflow-x: hidden;
 scroll-behavior: smooth;
}
body{
  width: 100%;
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items:center;
  overflow-x: hidden;
}
a{
  display: inline-block;
}
.b20{
  max-width: 100%;
  margin: auto;
  margin-top: 20px;
  }
.discriptiontxt{
  background-color: blue;
  color: white;
}
.pagebtn{
	margin: auto;
	text-decoration:none;
	padding: 5px;
}
.pages{
  list-style: none;
	margin: auto;
	display: flex;
	flex-direction: row;
	margin-top: 0px;
	margin-bottom: 12px;
}
.images{
  width: 100vw; max-width: 650px;
  margin: auto;
  align-items: center;
  display: grid;
  grid-template-rows: 1fr, 1fr;
}
.imagesmin{
  width: 500px;
  min-width: 300px;
  margin: auto;
  align-items: center;
  display: grid;
  grid-template-rows: 1fr, 1fr;
}
.imagesmin {
  text-align: center;
}
.imagesmin img {
  width: 500px;
  height: auto;
  max-width: 100%;
}
.imagerow{
  display: flex;
  flex-direction: row;
}
.progress{
  display: flex;
  flex-direction: row;
  margin: auto;
}
.pbox{
  background-color: #CCC;
  border: 1px solid;
  padding: 30px;
  text-align: left;
}
.pboxtitle{
  font-size: 35px;
  font-family: "Arial Black",sans-serif;
}
.eppimgs{
  display: flex;
  flex-direction: column;
}
.epprogress{
  display: flex;
  flex-direction: row;
  justify-content: space-around;
  background-color: black;
  color: white;
  padding: 15px;
}
.white{
  color: white;
}
.CDDcharacter{
  width: 80%;
  margin: auto;
  background-color: white;
  margin-bottom: 200px;
}

.btn{
	display:flex;
	flex-direction: column;
	width: 10em;
}
.btns{
	width: 100%;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	margin: auto;
	justify-content: center;
}
.btn a{
	text-decoration:none;
	padding: 5px;
	line-height: 25px;
	margin-top: 10px;
	margin-bottom: 5px;
	border: 2px solid #cccccc;
	border-bottom-color: black;
	border-right-color: black;
	border-top-color: whitesmoke;
	border-left-color: whitesmoke;
	color: black;
}
.btn a:hover {
	border-bottom-color: whitesmoke;
	border-right-color: whitesmoke;
	border-top-color: black;
	border-left-color: black;
}
.lastward{
	margin-top: 20px;
	margin-bottom: 40px;
}
#page-top {
    position: fixed;
    right: 5px;
    bottom: 5px;  
}
#footer{
clear:both;
}