@font-face { 
    font-family: "IBM VGA 8x16"; 
    src: url("/fonts/Web437_IBM_VGA_8x16.woff") format('woff'); 
} 
 
html { 
} 
 
*, *:before, *:after { 
} 

a {
	color: #fff;
}
 
body, h1, h2, h3, h4, h5, h6, p, ol, ul { 
  x-margin: 0; 
  x-padding: 0; 
  font-family: 'IBM VGA 8x16', sans-serif; 
  color: #eee; 
} 


body {
        background-color: #50006f;
}

.main {
        max-width: 640px;
        margin: auto;
        padding: 10px;
}

.main h1 {
        text-align: center;

}

.socials {
        text-align: center;
}

.bit-button {
	background-color: #0c0;
	border: none;
	padding: 15px 30px;
	text-decoration: none;
	cursor: pointer;
  font-family: 'IBM VGA 8x16', sans-serif; 
  color: #eee; 
}

.no-button {
	background-color: #ff1919;
}

.pixelart {
	image-rendering: pixelated;
}


.socials {
        text-align: center;
}


div.game {
	background-color: rgb(22, 172, 255);
	padding: 10px 15px;
	max-width: 320px;
	/*width: 320px;*/
	margin: 0 auto;
	text-align: center;
}

.gatoo {
	vertical-align: middle;
}

/* Blarg! */
.pixel-corners,
.pixel-corners--wrapper {
  clip-path: polygon(0px calc(100% - 4px),
    2px calc(100% - 4px),
    2px calc(100% - 2px),
    4px calc(100% - 2px),
    4px 100%,
    calc(100% - 4px) 100%,
    calc(100% - 4px) calc(100% - 2px),
    calc(100% - 2px) calc(100% - 2px),
    calc(100% - 2px) calc(100% - 4px),
    100% calc(100% - 4px),
    100% 4px,
    calc(100% - 2px) 4px,
    calc(100% - 2px) 2px,
    calc(100% - 4px) 2px,
    calc(100% - 4px) 0px,
    4px 0px,
    4px 2px,
    2px 2px,
    2px 4px,
    0px 4px);
  position: relative;
}
.pixel-corners {
  border: 2px solid transparent;
}
.pixel-corners--wrapper {
  width: fit-content;
  height: fit-content;
}
.pixel-corners--wrapper .pixel-corners {
  display: block;
  clip-path: polygon(2px 4px,
    4px 4px,
    4px 2px,
    calc(100% - 4px) 2px,
    calc(100% - 4px) 4px,
    calc(100% - 2px) 4px,
    calc(100% - 2px) calc(100% - 4px),
    calc(100% - 4px) calc(100% - 4px),
    calc(100% - 4px) calc(100% - 2px),
    4px calc(100% - 2px),
    4px calc(100% - 4px),
    2px calc(100% - 4px));
}
.pixel-corners::after,
.pixel-corners--wrapper::after {
  content: "";
  position: absolute;
  clip-path: polygon(0px calc(100% - 4px),
    2px calc(100% - 4px),
    2px calc(100% - 2px),
    4px calc(100% - 2px),
    4px 100%,
    calc(100% - 4px) 100%,
    calc(100% - 4px) calc(100% - 2px),
    calc(100% - 2px) calc(100% - 2px),
    calc(100% - 2px) calc(100% - 4px),
    100% calc(100% - 4px),
    100% 4px,
    calc(100% - 2px) 4px,
    calc(100% - 2px) 2px,
    calc(100% - 4px) 2px,
    calc(100% - 4px) 0px,
    4px 0px,
    4px 2px,
    2px 2px,
    2px 4px,
    0px 4px,
    0px 50%,
    2px 50%,
    2px 4px,
    4px 4px,
    4px 2px,
    calc(100% - 4px) 2px,
    calc(100% - 4px) 4px,
    calc(100% - 2px) 4px,
    calc(100% - 2px) calc(100% - 4px),
    calc(100% - 4px) calc(100% - 4px),
    calc(100% - 4px) calc(100% - 2px),
    4px calc(100% - 2px),
    4px calc(100% - 4px),
    2px calc(100% - 4px),
    2px 50%,
    0px 50%);
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: #ffffff;
  display: block;
  pointer-events: none;
}
.pixel-corners::after {
  margin: -2px;
}