html
{
	background-image: url("static/itch-wide-background.png");
	background-repeat: no-repeat;
  background-position: 50% 0;
  background-attachment: fixed;
	background-color:black;
	color: #FFDBCC;
	font-smooth: inherit;
  font-smoothing: none !important;
  -webkit-font-smoothing: none !important;
  -moz-osx-font-smoothing: none !important;

}

body
{
	font-size: 12pt;
  font-family: "Calibri";
  
  display:flex;
  flex-direction: row;
  justify-content: center;
	padding:0;
	margin:0;
}

#fullscreen-button
{
	float:right;
	font-family: "Tahoma";
	font-size:12pt;
	background-color:black;
	color:white;
}

.main-div
{
	background:linear-gradient(to right, rgba(0,0,0,0) 1%, rgba(0,0,0,0.8) 3%, rgba(0,0,0,0.8) 97%, rgba(0,0,0,0) 100%);
	padding-left:30px;
	padding-right:30px;
	display:flex;
	flex-direction: column;
	justify-content: flex-start;
	max-width: 854px;
}

.logo-div
{
	padding-top:20px;
	padding-bottom:20px;
	text-align:center;
	max-height:20vh;
	min-height:128px;
}

.play-now-container
{
	display: flex;
	flex-direction: column;
	justify-content: space-around;
	flex-grow: 1;
	gap:32px;
	text-align:center;
}


.play-now-container iframe
{
	width:100%;
	min-height:200px;
}

a
{
	color:  #FF530F !important;
}

.text-container
{
	padding: 30px;
}

.main-div img
{
	text-align:center;
	max-width:100%;
}

h1,h2,h3
{
	font-size:16pt;
	font-family: "Segoe UI Light";
}

h1,h2
{
	color: #FF530F;
	  text-shadow: 1px 1px 2px black;
}

.game-frame iframe
{
	height: 0;
  width: 0;
  border: 0;
  box-sizing: border-box;
  max-height: 100%;
  max-width: 100%;
  min-height: 100%;
  min-width: 100%;
}

button.itch-button
{
	user-select: none;
  box-sizing: border-box;
  display: inline-block;
  background: #FF2449;
    background-color: rgb(255, 36, 73);
  color: white;
  text-decoration: none;
  padding: 0 10px;
  font-size: 14px;
  text-shadow: 0 1px 0 #c3223e;
  cursor: pointer;
  border-radius: 3px;
  border: none;
  border: 1px solid rgba(0,0,0,0.1);
  box-shadow: inset 0 0 1px rgba(255,255,255,0.21);
  text-align: center;
  line-height: 33px;
  font-weight: bold;
  height: 35px;
  min-width: 75px;
}


@font-face {
  font-family: "Troll 12";
  src:
    url("static/Troll 12.ttf"),
	local("Times New Roman")
}

@font-face {
  font-family: "Vest 9";
  src:
    url("static/Vest 9.ttf"),
	local("Times New Roman")
}

@font-face {
  font-family: "Tahoma";
  src:
    url("static/windows-xp-tahoma.ttf"),
	local("Tahoma")
}