body {
}

html {
	/*font-family: monospace;*/

	image-rendering: crisp-edges;
	background-color: #ffffff;
	/*background-image: url("sandbg.gif");
	background-size: 512px;*/
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
	overflow-x: hidden; /* Prevents horizontal scrollbar when content overflows */
	overflow-y: scroll;
}

:root
{
  --shadow-color: #4d4d4d;
  --shadow-color2: #813e11;
  --shadow-color3: #4a34c0
}

h1 {
	font-size: 4em;
	color: #000;
	margin: 10px 0 0 0;
	padding: 0;	
}

h2 {
	font-size: 1.5em;
	color: #000;
	margin: 0;
	padding: 0;
}

h3 {
	font-size: 1.3em;
	color: #000;
	margin: 0;
	padding: 0 0 0 0;
}

li {
	font-size: 1em;
	line-height: 1.0em;
}

p {
	font-size: 1.1em;
	line-height: 1.2em;
	color: #000;
	margin: 0;
	padding: 0;
}

#kofi {
	margin: 0;
	padding: 0;
}

#kofi-badge {
	margin: 0;
	padding: 10px 10px 20px 10px;
}

#navi {
	display: flex;
	flex-direction: row;
	margin: 2em 0 2em 0;
	
}

@media (orientation: landscape) {
  #navi {
    flex-direction: row;
  }
}

@media (orientation: portrait) {
  #navi {
    flex-direction: column;
  }
  h1 {
	font-size: 2.6em;
  }

}

#navi p {

	font-size: 1.8em;
	padding: 0 1em 0 0;
}

#update {
	margin: 0.1em 0 0 0.5em;
	color: #000;
}

#footer2 {
	height: 0.8em;
}
#footer {
	font-size: 1em;
	margin: 0;
	padding: 1em 0 0 0;
	text-align: right;
}
#footer p {
	font-size: 1em;
	color: #fff;
}

#footer img {
	padding: 0 0 0 1em;
	margin: 0;
}

p.links {
	margin-top: -1em;
	padding-top: 0;
	font-size: 11px;
	text-align: center;
	border-bottom: 1px solid #dadada;
	border-left: 1px solid #dadada;
	border-right: 1px solid #dadada;
}

.main-text {
	margin: 1em 0 1em 0;
}

.past-entries {
	margin: 2em 0 0 0;
}

.past-entries ul {
	margin: 0;
	padding: 1em 0 0 1em;
	list-style-type: disc;
}

.past-entries li {
	margin: 0;
	padding: 0.1em 0 0.1em 0;
}

.past-entries li::marker {
  color: #a2d750;
}

#devlog-title {
	font-size: 2em;
	margin: 0 0 1em 0;
	padding: 0;
}

.frame {
	margin: 0;
	padding: 0;
}

.rounded-image {
	border-radius: 0.5em;
	margin: 1em 0 0 0;
}

.screenshot {
	border-radius: 0.5em;
	margin: 0 1em 0 0;
	float: left;
}

@media (orientation: portrait) {
	.screenshot {
    	float: none;
  	}
}

.big-image {
	border-radius: 0.5em;
	margin: 1em 0 0 0;
	padding: 0;
	max-width: 100%;
}

.game {
	clear: both;
	padding: 1em 0 1em 0;
}

.game p {
	display: block;
	padding-left: 0em;
	margin-top: 0.6em;
}

.game-title {
	font-size: 1.4em;
	font-weight: bold;
}

.download {
	padding-top: 0.3em;
}

.w3badge {
	border:0;
	width:88px;
	height:31px;
}

#randomreview {
	min-height:220px;
	padding: 1em;
	margin-bottom: 2em;
	border: 0.1em dashed #cacaca;
}

#randomreview h3 {
	padding: 1em 0 1em 0;
}

#reviewentry {
	padding: 10px 0 10px 0;
}

#reviewinfo {
	margin: 0;
	padding: 0 0 0 2em;
	font-size: 1.2em;
}


.emphasis {
	font-size: 1.3em;
	color: #2a3555;
	text-shadow:
	1px 1px var(--shadow-color2),
	1px 0px var(--shadow-color2),
	1px -1px var(--shadow-color2),
	0px 1px var(--shadow-color2),
	0px -1px var(--shadow-color2),
	-1px 1px var(--shadow-color2),
	-1px 0px var(--shadow-color2),
	-1px -1px var(--shadow-color2),
	-1px 2px var(--shadow-color2),
	0px 2px var(--shadow-color2),
	1px 2px var(--shadow-color2);
}

#supermegacontainer {

	background-color: #fff;
	max-width: 60em;
	margin: 0.5em auto 0 auto;
	padding: 1em 1.5em 1em 1.5em;

}

a:link {
	color: #0066b4;
	font-weight: bold;
	text-decoration: none;
}
a:visited {
	color: #0066b4;
	text-decoration: none;
}
a:hover {
	color: #00b3fc;
	text-decoration: underline;
}
a:active {
	color: #00b3fc;
	text-decoration: underline;
}

#footer a:hover {
	text-decoration: none;
}

#footer a:active {
	text-decoration: none;
}