:root{
        --font:Meiryo,HiraKakuProN-W3,sans-serif,'モトヤフォント';
}

html{
  height: 100%;
}

body{
	font-family:var(--font);
	margin: 0;
	background-color:#353535;
  height: 100%;
}

#language-button input[type="radio"]{
  display    : none;
}

nav{
	position:fixed;
	text-align:center;
  z-index: 2;
}

table{
  border-collapse: collapse;
  border-color: white;
}

.var-img{
	text-align:center;
}

.orangefish-icon{
  width: 128px;
  height: 128px;
}

.top_header{
  position: relative;
  display: inline-block;
  background-color: midnightblue;
  color: white;
  width: 180px;
  height: 80px;
  font-size: 32px;
  margin: 0px;
  padding-top: 42px;
  padding-bottom: 10px;
  padding-left: 0px;
  padding-right: 0px;
  vertical-align: top;
}

.content{
  z-index: 0;
  position: absolute;
  color: white;
  padding-top: 100px;
  font-size: 34px;
  padding-left: 10px;


}

.content-black{
  z-index: 0;
  position: absolute;
  color: black;
  padding-top: 100px;
  font-size: 34px;
  padding-left: 10px;

}

.back-img{
  width: 100%;
}



.item_texture{
	image-rendering: pixelated;
	image-rendering: -webkit-crisp-edges;
	image-rendering: -moz-crisp-edges;
	-ms-interpolation-mode: nearest-neighbor;
  height: 100px;
  width: 100px;

}

.void_item_texture{
  height: 100px;
  width: 100px;
  color: transparent;
  background-color: gray;
}

.language{
}

.language-button-img{
  width: 64px;
  height: 64px;
}

.gradient-background{
  background: linear-gradient(#C71585, #0000CD);
  width: 100%;
  height: 100%;
  margin: 0px;
  padding: 0px;
  position:absolute;
}

a:link {
  color: white;
  font-weight: bold;
}
a:visited {
  color:white;
  font-weight: bold;
}
a:hover {
  color:white;
  font-weight: bold;
}
a:active {
  color:white;
  font-weight: bold;
}