@font-face{font-family: wegtext; src: url("source/BCharlly Sans.ttf")}


*. {margin: 0; padding:0; border-width: 0; height: 100%}
body {margin: 0px; padding: 0px; max-width: 100%; height: 100%; border-right-style: solid; background-color: rgb(99,16,16); 
	border-color: rgb(8,8,8); border-bottom-style: solid}

div.form {padding-top: 8px; max-width: 460px; height: 100%; text-align: center; border-style: solid; background-color: rgb(200,33,0); 
	border-width: 2px; border-color: rgb(8,8,8); float: center; border-radius: 8px}
	
td.form {display: flex; width: 100%; text-align: center}
form.cform {text-align: center; padding-top: 8px}
input{font-family: "times new roman"; width: 90%; border-radius: 6px; border-color: rgb(8,8,8); font-size: 1.2rem}
input.rad {width: 20px}
textarea {font-family: "times new roman"; border-radius: 6px; border-color: rgb(8,8,8); font-size: 1.2rem}

button{color: white; font-family: "arial"; font-size: 18px; border-radius: 6px; padding: 4px; padding-left: 16px; padding-right: 16px}

button.fbtn {background-color: white; color: rgb(128,0,0)}

header {margin: 0px; background-color: rgb(0,0,0); text-align: left; vertical-align: center; padding-top: 0px; padding-bottom: 0px;
		background-image: url("img/TitleBack2.png"); height: 64px; background-repeat: repeat-x}

div.main {background-color: rgb(140,20,10); height: 100%; min-height: 830px; padding-top: 0px; padding-left: 10%; padding-right: 10%;align: center; font-family: wegtext}
div.boxes {display: flex; flex-direction: column; height: 94%; justify-content:space-around; width: 100%}
div.itchio {text-align: center; width: 100%; padding: 0px; padding-top: 8px}
div.cr {text-align: center; color: rgb(255,0,0); font-style: italic; background-color: rgb(0,0,0)}
div.logo {display: flex; max-width: 100%; justify-content:space-around}
div.codebox {border-color: rgb(128,128,128); border-style: solid; border-width: 4px; background-color: rgb(0,0,0); padding: 8px; margin: 8px}
div.imgrow {height: 100%; width: 100%; padding: 0px}
div.imgrowtop {display: flex; max-width: 100%; justify-content:space-around}

div.item {border-bottom-style: solid; border-bottom-width: 1px; border-bottom-color: rgb(255,255,255); font-size: 1.4rem; text-align: left;
	color: rgb(250,250,250); padding-bottom: 8px}

div.divspace {height: 20px}
div.gamepictext {font-size: 1.2rem; text-align: center; color: rgb(250,250,250); width: 360px; height: 100%; padding-bottom: 12px}
div.gamepictexttop {font-size: 1.3rem; text-align: center; color: rgb(250,250,250); width: 100%; height: 60%}

div.revs {width: 60%; border-width: 2px; border-style: solid; border-color: rgb(220,220,220); background-color: rgb(128,0,0); font-size: 1.4rem;
	text-align: left; color: rgb(250,250,250); padding: 4px; padding-top: 8px; padding-left: 8px; margin-left: 20%;
	margin-right: 20%; border-radius: 24px}

article {font-size: 1.6rem; text-align: center; border-style: none; margin-left: 12%; margin-right: 12%; color: rgb(250,250,250); padding-top: 26px;
	font-family: wegtext; line-height: 2.0rem}

article.rev {font-size: 1.4rem; text-align: left; margin-left: 20%; margin-right: 20%}
article.games {font-size: 1.4rem; text-align: left; margin-left: 25%; margin-right: 25%}

span.large {font-size: 1.0em}
span.revhead {font-size: 1.6rem}
span.otheritem {color: rgb(180,180,180); font-size: 130%}
span.io {color: rgb(200,200,200); font-size: 22px; font-family: wegtext; font-weight:400}

bold {font-weight: 600}

table {padding: 0px; margin: 0px}
table.topnavtable {text-align: center; padding: 0px}
table.codetab {font-size: 1.2rem}

td {padding: 0px; margin: 0px}
td.rev {vertical-align: top}
td.codewin {padding: 8px; vertical-align: top}

img.title {align : left}
img.logo {float: center; vertical-align: middle; margin-top: 20px}
img.irow {padding-left: 6px; padding-right: 6px; width: 356px; height: 200px}
img.irowtop {padding-left: 6px; padding-right: 6px; width: 500px; height: 280px}
img.gamepic {border-radius: 16px; border-style: solid; border-width: 2px; border-color: rgb(255,255,255); margin-right: 8px}

div.iform {background-color: rgb(180,20,10); height: 90%; padding: 8px; width: 100%}

h1 {color: rgb(160,0,0); font-size: 32px; font-family: "arial"; margin: 0px; padding-left: 14px; padding-top: 0px}
h2 {color: white; font-size: 3.2rem; font-family: "arial"; margin: 0px; padding:0px; padding-bottom: 8px; text-align: center; text-shadow: 0px 0px 24px #ffffff}
h2.hform{font-size: 1.8rem}
h4 {font-family: "arial"; color: white; font-size: 1.6rem; margin: 0px; padding:0px; text-align: left; padding-bottom: 12px}
h4.rev {font-size: 1.4rem; margin: 0px; padding:0px; text-align: left}
h4.btn {color: white; text-align: center}

a {color: rgb(200,200,210); text-decoration: none; font-weight:600}
a:hover {color: rgb(255,255,255); text-decoration: none; font-weight:600}

a.weblink {color: rgb(200,200,205); font-size: 1.2.5rem; font-family: wegtext; font-weight:400}
a.weblink:hover {color: rgb(255,255,255); text-shadow: 0px 0px 4px white; text-shadow: 0px 0px 8px white; font-family: wegtext}

a.io {color: rgb(200,200,200); font-size: 22px; font-family: wegtext; font-weight:400}
a.io:hover {color: rgb(255,255,255)}

a.topnavlink {color: rgb(230,230,230); font-size: 1.2em; font-family: "verdana", "arial"}
a.topnavlink:hover {color: rgb(255,255,255); text-shadow: 0px 0px 4px white; text-shadow: 0px 0px 8px white; text-shadow: 0px 0px 16px white}

hr {background-color: rgb(64,0,0); height: 3px; border-width: 0px}

@media screen and (max-width: 1200px){
	a.topnavlink {font-size: 1.8rem}
	article {font-size: 1.4rem}
	table.codetab {font-size: 1.8rem}
	textarea {font-size: 0.9rem}
	
}

#vertical {padding-top: 60px}
#main {padding-left: 0px; display: block; float: center}