/*
#main{
    background-image:url(https://island.needless.pw/static/images/islands/island06.jpg);
}
*/
#main{
/*
    display:flex;
    flex-wrap:wrap;
*/
}
#main>div{display:flex;}
.building_block{
/*    position:absolute; */
    width:239px;
    height:236px;
  background-position: left top, left 5px;
  background-repeat: no-repeat, no-repeat;
    flex-shrink:0
/*
    top:0;left:0;
*/
}
#main>div .text{
padding:10px;
margin:auto;
max-width:500pt;
}
/*
#main>div:nth-child(2){
    left:239px;
}
#main>div:nth-child(3){
    left:478px;
}
#main>div:nth-child(4){
    left: 122px;
    top: 173px;
}
#main>div:nth-child(5){
    left: 360px;
    top: 173px;
}
#main>div:nth-child(6){
    top:345px;
}
#main>div:nth-child(7){
    left:239px;
    top:345px;
}
#main>div:nth-child(8){
    left:478px;
    top:345px;
}
#main>div:nth-child(9){
    left: 122px;
    top: 518px;
}
#main>div:nth-child(11){
    left: 360px;
    top: 518px;
}
#main>div:nth-child(10){
    left:239px;
    top:691px;
}
*/
/*
.building_block:before{
    content:' ';
    position:absolute;
    width:100%;
    height:100%;
    background-image:url(/img/back.png);
}
*/
.building_block_image0 {
    background-image: url(https://island.needless.pw/static/images/islands/bg_castle0.png?v=12), url(/img/back.png);
}

.building_block_image1 {
    background-image: url(https://island.needless.pw/static/images/islands/bg_castle1.png?v=12), url(/img/back.png);
}

.building_block_image2 {
    background-image: url(https://island.needless.pw/static/images/islands/bg_castle2.png?v=12), url(/img/back.png);
}

.building_block_image3 {
    background-image: url(https://island.needless.pw/static/images/islands/bg_castle3.png?v=12), url(/img/back.png);
}

.building_block_image4 {
    background-image: url(https://island.needless.pw/static/images/islands/bg_castle4.png?v=12), url(/img/back.png);
}

.building_block_image5 {
    background-image: url(https://island.needless.pw/static/images/islands/bg_castle5.png?v=12), url(/img/back.png);
}

.building_block_image6 {
    background-image: url(https://island.needless.pw/static/images/islands/bg_castle6.png?v=12), url(/img/back.png);
}

.building_block_image7 {
    background-image: url(https://island.needless.pw/static/images/islands/bg_castle7.png?v=12), url(/img/back.png);
}

.building_block_image8 {
    background-image: url(https://island.needless.pw/static/images/islands/bg_castle8.png?v=12), url(/img/back.png);
}

.building_block_image9 {
    background-image: url(https://island.needless.pw/static/images/islands/bg_castle9.png?v=12), url(/img/back.png);
}

.building_block_image10 {
    background-image: url(https://island.needless.pw/static/images/islands/bg_castle10.png?v=12), url(/img/back.png);
}

.building_block_image11 {
    background-image: url(https://island.needless.pw/static/images/islands/bg_castle11.png?v=12), url(/img/back.png);
}



/* The Modal (background) */
.modal {
  display: none; /* Hidden by default */
  position: fixed; /* Stay in place */
  z-index: 10000; /* Sit on top */
  left: 0;
  top: 0;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  overflow: auto; /* Enable scroll if needed */
  background-color: rgb(0,0,0); /* Fallback color */
  background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

/* Modal Content/Box */
.modal-content {
  background-color: #fefefe;
  margin: 15% auto; /* 15% from the top and centered */
  padding: 20px;
  border: 1px solid #888;
  width: 80%; /* Could be more or less, depending on screen size */
}

/* The Close Button */
.close {
  color: #aaa;
  float: right;
  font-size: 28px;
  font-weight: bold;
}

.close:hover,
.close:focus {
  color: black;
  text-decoration: none;
  cursor: pointer;
}
#selectHero .content{
	display:flex;
	flex-wrap:wrap;
}
#selectHero .content>div{
	padding:10px;
	cursor:pointer;
}
#selectHero .content>div>img{
	border-radius:100%;
}
table {
  border-collapse: collapse;
}

table, th, td {
  border: 1px solid silver;
}
#building-table tr{
	transition:0.5s;
}
#building-table tr:hover{
	background-color:#ccc;
}
#building-table td{
	padding:4pt;
}