html {
  font-family: "Lucida Sans", sans-serif;
}

* {
  box-sizing: border-box;
}
 /* For mobile phones: */
[class*="col-"] {
    width: 100%;
}


html {
	scrollbar-width: medium;
	scrollbar-color: #90b393 #002020;
}



body{
	background-color: #0F4C38;
	padding: 3px;
	line-height: 1.6;
}

a:link{
	color: #205000;
}
a:visited{
	color: #003000;
}
a:active{
	color: #407000;
}

/* .tiled{
	width: auto;
	background: url('diggi-images/backtile.png'); 
	background-repeat: repeat-x;
} */

/* Simple Post */
.simple-post {
    margin-top: 20px;
    text-align: center;
    z-index: 0;
}

.main {
  background-color: #e8e9e0;
  padding: 20px;
  color: #000000;
  text-align: center;
  font-size: 15px;

}

.main-embed {
  background-color: #e8e9e0;
  color: #000000;
  text-align: center;
  font-size: 15px;

}
.main-comics {
  background-color: #e7e7e8;
  margin:auto;
  padding: 20px;
  color: #000000;
  text-align: center;
  font-size: 15px;


}

.links{
	color: #003000;
	margin-bottom:10px;
	line-height: 1.6;
}

.dashed{
	border:1px dashed #000; 
	padding:5px; 
	text-align:center;
}
.artwork{
	width: 100%;
}
	
.header {
	text-decoration: none;
  background-color: #005048;
  color: #ffffff;
  padding: 15px;
  background-image:url('diggi-images/diggi-banner.png');
  background-size:cover;
}


.header h1 {
	
	color: #ffffff;
	font-family: "Georgia";
	padding-left:20px;
	letter-spacing: 2px;
	//-webkit-text-stroke-width: 1px;
	//-webkit-text-stroke-color: #000000;
}

.footer {
  //background-color: #005250;
  color: #ffffff;
  text-align: center;
  font-size: 12px;
  padding: 15px;
}

[class*="col-"] {
  float: left;
}



.menu ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
  //background-color: #106266;
}

.menu li {
	//font-family: "Georgia";
	letter-spacing: 1px;
	font-family: "Helvetica", sans-serif;
	font-weight: bold;
	font-size: 19px;
  padding: 19px;
  //margin-bottom: 3px;
  background-color: #1c1C20; //#002330;
  color: #fefeee;
}

.menu li:hover {
  background-color: #a0b296;
  color: #000000;
}


.games-hr {
  border: 2px dotted;
}

.comic-header {
	letter-spacing: 1px;
	font-family: "Helvetica", sans-serif;
	font-weight: bold;
	font-size: 19px;
  padding: 19px;
  //margin-bottom: 3px;
  background-color: #1c1C20; //#002330;
  color: #fefeee;
}

.comic-header:hover {
	background-color: #a0b296;
  color: #000000;
}

.chapter-section {
	font-size:17px;
  padding: 8px;
  list-style-type: none;
  
}

.comic-page {
	max-width: 100%;
	height: auto;
	margin-top: 40px;
	margin-bottom: 0px;
	padding-left:0px;
	padding-right:0px;
}


.illu-menu {
  //list-style-type: circle;

}

.illu-section {
  padding: 8px;
  
}

.illu-text {
  font-style: italic;
  line-height:1;
  
}


	
.illu {
	width: 100%;
	height: auto;
	margin-top: 30px;
	margin-bottom: 0px;
	padding-left:0px;
	padding-right:0px;
}

.illu-preview {
	width: 90%;
	height: auto;
	margin-top: 30px;

}

.about-text {
	text-align:left;
	padding-left:10px;
	padding-right:10px;
}


#topbutton {
	margin-top:12px;
  font-size: 18px;
  border: none;
  outline: none;
  background-color: #003000;
  color: white;
  cursor: pointer;
  padding: 15px;
  border-radius: 4px;
}

#topbutton:hover {
  background-color: #207000;
}

.ubox {
	max-width: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	height: 82px;
	margin: 0 auto;
	text-align: center;
}

.updatelog {
	position: relative;
	display: flex;
	box-sizing: border-box;
	height: 90px;
	width: 100%;
	border: 1px dashed #535353;
	padding: 3px;
}

.updatecont {
	height: 80px;
	width: 100%;
	overflow: auto;
	scrollbar-width: medium;
	scrollbar-color: #90b393 #002020;
	text-align: left;
	padding-left: 10px;
	padding-right: 15px;
}

.title {
	position: absolute;
	color: #31323a;
	top: -19px;
	font-family: 'Roboto Slab', 'Courier New', serif;
	margin-bottom: 10px;
	font-size: 15px;
	font-weight: bold;
	text-transform: uppercase;

}

.logbox {
	position: relative;
	display: inline-block;
	box-sizing: border-box;
	height: 82px;
	border: 1px dashed #535353;
	padding: 14px 3px;
	color: #31323a;
	font-family: 'Poppins', serif;
	line-height: 24px;
	font-size: 1.2em;
	font-weight: bold;
}


.image{
	max-width:100%;
}


.ubox {
	margin: 25px auto 4px auto;
}
	
.logbox {
	
		//width: 110px;
		text-align: left;
}






@media only screen and (min-width: 868px) {
	body{
		background-color: #0F4C38;
		padding-left: 3%;
		padding-right: 6%;
		padding-bottom: 2%;
		//padding: 30px;
		//background: url('diggi-images/backtile_g.png'); 
		//background-repeat: repeat-x;
	
	}
	
	
	/* For desktop: */
	.col-1 {width: 8.33%;}
	.col-2 {width: 16.66%;}
	.col-3 {width: 25%;}
	.col-4 {width: 33.33%;}
	.col-5 {width: 41.66%;}
	.col-6 {width: 50%;}
	.col-7 {width: 58.33%;}
	.col-8 {width: 66.66%;}
	.col-9 {width: 75%;}
	.col-10 {width: 83.33%;}
	.col-11 {width: 91.66%;}
	.col-12 {width: 100%;}
	
	
	.main {
		padding-top: 20px;
		padding-left: 40px;
		padding-right: 40px;
		padding-bottom: 30px;
		font-size: 15px;
		max-width: 1000px

	}
	
	
	.main-comics {
		padding-top: 20px;
		padding-left: 30px;
		padding-right: 30px;
		padding-bottom: 30px;
		margin:auto;
		font-size: 15px;
		max-width: 1200px

	}	

	.about-text {
		text-align:left;
		padding-left:20px;
		padding-right:20px;
	}

	.illu {
	width: 98%;
	height: auto;
	margin-top: 40px;
	margin-bottom: 0px;
	padding-left:30px;
	padding-right:30px;
	}
	
	.illu-preview {
	width: auto;
	height: auto;
	margin-top: 40px;

}
}