body { font-size: 110%; cursor: default; padding: 5px; margin-top: 0px; margin-left: auto; margin-right: auto; background: #FFEEFF; background-image: url("bg.png");  max-width: 1750px;
min-width: 760px; opacity: 0; }
img { user-select: none; }

@font-face {
    font-family: digital;
    src: url('dos.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;	
}
li { margin-top: 10px; }

a:link {  color: #000; display: block;}
a:visited {  color: #000;}
a:hover {  color: #666;}
a:active {  color: #333;}
.separate { border-bottom: 1px dashed black; text-align: center; }
p { text-align: justify; min-width: 45em; }
#top { max-width: 50em; background: #ffffff; padding: 3px; padding-left: 20px; padding-right: 20px; border-radius: 15px; margin-bottom: 5px; border: 1px solid black; box-shadow: 3px 3px #888888; }
#top a { color: #F4004D; text-shadow: 1px 1px 0.1em #000000; z-index: 400; display: inline-block; }
#top a:hover { color: #66ff66; text-shadow: 1px 1px 0em #000000; cursor: pointer; z-index: 400;  display: inline-block;}
.me { float: right; border: 1px solid black; }
#main{ display: flex;  flex-direction: row; flex-wrap: wrap; flex-basis: 50%; align-items: center; justify-content: center; }
div { font: 1em courier; font-weight: normal; }
.picture { image-rendering: pixelated; max-height: 260px; max-width: 300px; border: 1px solid black; border-radius: 5px; background: #ccc; padding: 0px; }
h1  { font-family: digital; font-size: 2em; font-weight: normal; text-decoration: underline;  padding-left: 150px; padding-bottom: 0px; margin-bottom: 0px;  }
h2  { font-family: digital; font-size: 2em; font-weight: normal; padding-left: 30px; }
h3 { font-family: digital; font-size: 1em; font-weight: normal; }
.listing { display: inline-block; text-align: center; vertical-align: bottom; margin: 4px; margin-bottom: 10px; height: 300px; width: 300px; position: relative;
  border: 24px solid; background: #fff; padding: 0px; padding-bottom: 10px; border-image: url(border.png) 24 round; }
.listing:hover { cursor: pointer; border-image: url(borderchose.png) 24 round;  background: #000; color: #fff; }
.listing:hover .picture { opacity: .7; }
.listing:hover a { color: #fff; text-decoration: none; }
.listing a { pointer-events: none; cursor: default; }

.largelisting { display: inline-block; font: 1em open sans; border: 24px solid; border-image: url(border.png) 24 round; padding: 10px; background: #fff; margin: auto; max-width: 80%; max-height: 85%; overflow-y: scroll; z-index: 300;} ::-webkit-scrollbar {
    width: 14px;
    height: 18px;
}
::-webkit-scrollbar-thumb {
    height: 6px;
    border: 4px solid rgba(0, 0, 0, 0);
    background-clip: padding-box;
    -webkit-border-radius: 7px;
    background-color: rgba(0, 0, 0, 0.15);
    -webkit-box-shadow: inset -1px -1px 0px rgba(0, 0, 0, 0.05), inset 1px 1px 0px rgba(0, 0, 0, 0.05);
}
::-webkit-scrollbar-button {
    width: 0;
    height: 0;
    display: none;
}
::-webkit-scrollbar-corner {
    background-color: transparent;
}
.largelisting img { border: 0px; max-height: 500px; cursor: default; }

.largelisting p { min-width: 0em; text-indent: 2em; max-width: 45em; }
.largelisting h3 { font: 1em Courier; margin-bottom: 1em; z-index: 400;}
.largelisting h3 a {font: 2em Courier; color: #F4004D; text-shadow: 1px 1px 3px #000000; z-index: 400; display: block; }
.largelisting h3 a:hover { font: 2em Courier; color: #66ff66; text-shadow: 1px 1px 1px #000000; cursor: pointer; z-index: 400;  display: block;}

.choose:hover { opacity: 0.5; cursor: pointer; filter: alpha(opacity=50);}

.minimg { max-width: 220px !important; max-height: 180px !important; }
.min { width: 250px; }

.modalmask { z-index: 100; background: rgba(20, 20, 20, 0.9); position: fixed; top: 0px; left: 0px; display: none; }
.modalwindow { z-index: 200; position: fixed; display: none; min-width: 800px; overflow: hidden; text-align: center; }
.largetoken { margin-right: 10px; }
.token { position: relative; top: -115px; left: 12px; float: right;   
-webkit-filter: drop-shadow(1px 1px 0px white) drop-shadow(-1px -1px 0px white) drop-shadow(-1px 1px 1px white) drop-shadow(1px -1px 1px white);
filter: drop-shadow(1px 1px 0px white) drop-shadow(-1px -1px 0px white) drop-shadow(-1px 1px 1px white) drop-shadow(1px -1px 1px white); }

.inverted {
-webkit-filter: invert(1) drop-shadow(1px 1px 0px black) drop-shadow(-1px -1px 0px black); 
filter: invert(1) drop-shadow(1px 1px 0px black) drop-shadow(-1px -1px 0px black); 	
}

.searchbutton  {
	height: 1em; width: 1em; font: 3em digital; position: relative; left: -70px; top: 18px; padding-left: 5px; padding-top: 5px; 
	cursor: pointer;
	vertical-align: top;
	user-select: none;
	text-align: center;
	display: inline-block; 
  color: #fff;
  background-color: #000;
  border: none;
  box-shadow: 0 3px #333;
}
.searchbutton:hover {
  background-color: #cc0000
}

.searchbutton:active {
  background-color: #dd0000;
  box-shadow: 0 1px #660000;
  transform: translateY(2px);
}