body {
  background-color: #aaaaaa;
  margin: 0px;
  color: #ffffff;
}
 /* unvisited link */
a:link {
  color: #25cc97;
}

/* visited link */
a:visited {
  color: #25cc97;
}

/* mouse over link */
a:hover {
  color: #25cc97;
}

/* selected link */
a:active {
  color: #25cc97;
} 

/* mouse over link */
.hover_soldier_base:hover + .hover_soldier_div {
  display: block;
}

.hover_soldier_div {
	display: none;
}

/*.hex {
    float: left;
    margin-right: -26px;
    margin-bottom: -50px;
}
.hex .left_red{
    float: left;
    width: 0;
    border-right: 30px solid #FF0000;
    border-top: 52px solid transparent;
    border-bottom: 52px solid transparent;
}
.hex .middle_red{
    float: left;
    width: 60px;
    height: 104px;
    background: #FF0000;/* #6C6; 
}
.hex .right_red{
    float: left;
    width: 0;
    border-left: 30px solid #FF0000;
    border-top: 52px solid transparent;
    border-bottom: 52px solid transparent;
}
.hex .left_blue{
    float: left;
    width: 0;
    border-right: 30px solid #1DA2D8;
    border-top: 52px solid transparent;
    border-bottom: 52px solid transparent;
}
.hex .middle_blue{
    float: left;
    width: 60px;
    height: 104px;
    background: #1DA2D8;/* #6C6; 
}
.hex .right_blue{
    float: left;
    width: 0;
    border-left: 30px solid #1DA2D8;
    border-top: 52px solid transparent;
    border-bottom: 52px solid transparent;
}
.hex .left_green{
    float: left;
    width: 0;
    border-right: 30px solid #268B07 ;
    border-top: 52px solid transparent;
    border-bottom: 52px solid transparent;
}
.hex .middle_green{
    float: left;
    width: 60px;
    height: 104px;
    background: #268B07 ;/* #6C6; 
}
.hex .right_green{
    float: left;
    width: 0;
    border-left: 30px solid #268B07 ;
    border-top: 52px solid transparent;
    border-bottom: 52px solid transparent;
}
.hex.even {
    margin-top: 53px;
}
*/
.hex-row {
    clear: left;
}


.heximagedirt {
  /*content:url(https://sov.teambluestripes.dk/image/viaplay.jpg);*/
  background-image:url(image/dirt.png);
  background-size: cover
}
.heximagefarm {
  /*content:url(https://sov.teambluestripes.dk/image/viaplay.jpg);*/
  background-image:url(image/farm.png);
  background-size: cover
}
.heximagegrass {
  /*content:url(https://sov.teambluestripes.dk/image/viaplay.jpg);*/
  background-image:url(image/grass.png);
  background-size: cover
}
.heximagetree {
  /*content:url(https://sov.teambluestripes.dk/image/viaplay.jpg);*/
  background-image:url(image/tree.png);
  background-size: cover
}
.heximagewater {
  /*content:url(https://sov.teambluestripes.dk/image/viaplay.jpg);*/
  background-image:url(image/water.png);
  background-size: cover
}
.heximagetown1 {
  /*content:url(https://sov.teambluestripes.dk/image/viaplay.jpg);*/
  background-image:url(image/town_01.png);
  background-size: cover
}
.heximagetown2 {
  /*content:url(https://sov.teambluestripes.dk/image/viaplay.jpg);*/
  background-image:url(image/town_02.png);
  background-size: cover
}
.heximagetown3 {
  /*content:url(https://sov.teambluestripes.dk/image/viaplay.jpg);*/
  background-image:url(image/town_03.png);
  background-size: cover
}
.newhex_tile {
  /*float:left;
  margin-right:-24px;
  margin-bottom:-48px;*/
  margin: 7px 3px 0 7px;
  height: 86px; /* adjust to control the size  */
  aspect-ratio: 1/cos(30deg);
   clip-path: polygon(50% -50%,100% 50%,50% 150%,0 50%);
  /*clip-path: polygon(50% -45%,95% 50%,50% 145%,0 45%);*/
  /*background: #3B8686;*/
}
.newhex_map {
  /*float:left;
  margin-right:-24px;
  margin-bottom:-48px;*/
  margin: 4px 0 0 4px;
  height: 92px; /* adjust to control the size  */
  aspect-ratio: 1/cos(30deg);
   clip-path: polygon(50% -50%,100% 50%,50% 150%,0 50%);
  /*clip-path: polygon(50% -45%,95% 50%,50% 145%,0 45%);*/
  /*background: #3B8686;*/
}
.hexhalo {
	position:relative;
	  float:left;
	    margin-right:-30px;
  margin-bottom:-50px;
	height:100px;
	aspect-ratio: 1/cos(30deg);
	/*clip-path: polygon(50% -45%,95% 50%,50% 145%,0 45%);*/
	clip-path: polygon(50% -50%,100% 50%,50% 150%,0 50%);
	background: #777777;
}
.neweven {
margin-top:50px;
}
.hexred {
	background: #ff0000;
}
.hexgreen {
	background: #39FF14;
}
.hexblue {
	background: #04d9ff;
}
.hexyellow {
	background: #ffff00;
}
.hexgray {
	background: #777777;
}
.filter_ff0000 {
	filter: invert(25%) sepia(99%) saturate(7491%) hue-rotate(360deg) brightness(104%) contrast(116%);
	position:absolute;
}
.filter_39FF14 {
	filter: invert(72%) sepia(79%) saturate(1099%) hue-rotate(56deg) brightness(98%) contrast(115%);
	position:absolute;
}
.filter_04d9ff {
	filter: invert(73%) sepia(18%) saturate(6542%) hue-rotate(145deg) brightness(102%) contrast(101%);
	position:absolute;
}
.filter_ffff00 {
	filter: invert(90%) sepia(85%) saturate(4593%) hue-rotate(360deg) brightness(109%) contrast(101%);
	position:absolute;
}
.filter_777777 {
	filter: invert(48%) sepia(1%) saturate(0%) hue-rotate(62deg) brightness(96%) contrast(94%);
	position:absolute;
}
.neighbors {
	position:absolute;
	left:50px;
	top:100px;
	width:200px;
	aspect-ratio: 1/cos(30deg);
}
.neighbor_halotl {
	clip-path: polygon(25% 0,30.8% 10%,10% 50%,0 50%);
}
.neighbor_halotm {
	clip-path: polygon(25% 0,75% 0,69.2% 10%,30.8% 10%);
}
.neighbor_halotr {
	clip-path: polygon(75% 0,69.2% 10%,90% 50%,100% 50%);
}
.neighbor_halobl {
	clip-path: polygon(0 50%,10% 50%,30.8% 90%,25% 100%);
}
.neighbor_halobm {
	clip-path: polygon(75% 100%,69.2% 90%,30.8% 90%,25% 100%);
}
.neighbor_halobr {
	clip-path: polygon(75% 100%,69.2% 90%,90% 50%,100% 50%);
}
.soldier_main {
	float:right;
	position:absolute;
	top:38px;
	left:32px;
	background: rgba(0, 0, 0, 0.4);
	padding:0px 2px 0px 1px;
	text-align:right;
	height:18px;
	width:18px;
}
.soldater_text {
	position:absolute;
	left:21px;
	background: rgba(0, 0, 0, 0.4);
	height:18px;
}
.tower_main {
	filter: invert(100%);
	position:absolute;
	bottom:7px;
	right:32px;
}
.owned_level {
	float:right;
	position:absolute;
	top:8px;
	right:32px;
	background: rgba(0, 0, 0, 0.4);
	padding:0px 2px 0px 1px;
	text-align:right;
}
.owned_halo_red {
	background:#ff0000;
}
.owned_halo_green {
	background:#39FF14;
}
.owned_halo_blue {
	background:#04d9ff;
}
.owned_halo_yellow {
	background:#ffff00;
}
.owned_halo_gray {
	background:#777777;
}