/*CSS Stylesheet*/

/*
* {
border: 1px solid black;
}
*/
body { 
    margin: 0;
    box-sizing: border-box;
}
img { max-width: 100%;}
.clearfix { clear: both; }

#wrapper {
    max-width: 1180px;
    margin: 0 auto;
}

h1{
  color:lightgreen;
  background:black;
  margin:0;
  text-align:center;
  text-decoration:underline;
font-family: "Verdana", Verdana, serif;
}

.grid {
	display: grid;  
  background:black;
  padding:15px;
   margin: 0;
    box-sizing: border-box;
  min-width:100vw;
  height:100vh;
  background-size: cover;

      
/* 	grid-template-columns: repeat(23, minmax(10px,1fr));
		grid-template-rows: repeat(13, minmax(10px,1fr));
grid-auto-flow: column; */
}

.map{
  display: grid;
  grid-gap:6px;
  
	grid-template-columns: repeat(36,1fr);
		grid-template-rows: repeat(28, 1fr);
grid-auto-flow: column;
}
.grid:hover {
  grid-gap:10px;
}
section:hover{
  color:black;
  background:black;
  
}
section{
  background:lightgreen;
  color:lightgreen;
  border-radius:3px;
}
section:nth-of-type(1){
  grid-row:4/7;
  grid-column:2/4;
}
section:nth-of-type(2){
  grid-row:15;
  grid-column:9;
}
section:nth-of-type(3){
  grid-row:5;
  grid-column:4;
}
section:nth-of-type(4){
  grid-row:6;
  grid-column:4;
}
section:nth-of-type(5){
  grid-row:4;
  grid-column:5;
}
section:nth-of-type(6){
  grid-row:5;
  grid-column:5;
}
section:nth-of-type(7){
  grid-row:6;
  grid-column:5;
}
section:nth-of-type(8){
  grid-row:3/7;
  grid-column:6/8;
}
section:nth-of-type(9){
  grid-row:2;
  grid-column:7;
}
section:nth-of-type(10){
  grid-row:4/7;
  grid-column:8;
}
section:nth-of-type(11){
  grid-row:4/7;
  grid-column:8;
}
section:nth-of-type(12){
  grid-row:2/7;
  grid-column:9;
}
section:nth-of-type(13){
  grid-row:4/6;
  grid-column:10/12;
}
section:nth-of-type(14){
  grid-row:2;
  grid-column:10;
}
section:nth-of-type(15){
  grid-row:1;
  grid-column:10;
}
section:nth-of-type(16){
  grid-row:3;
  grid-column:11;
}
section:nth-of-type(17){
  grid-row:2;
  grid-column:11;
}
section:nth-of-type(18){
  grid-row:1;
  grid-column:11;
}
section:nth-of-type(19){
  grid-row:1;
  grid-column:12;
}
section:nth-of-type(20){
  grid-row:1;
  grid-column:13;
}
section:nth-of-type(21){
  grid-row:2;
  grid-column:13;
}
section:nth-of-type(22){
  grid-row:2;
  grid-column:14;
}
section:nth-of-type(23){
  grid-row:3;
  grid-column:14;
}
section:nth-of-type(24){
  grid-row:5/11;
  max-width:1em;
  grid-column:12;
}
section:nth-of-type(25){
  grid-row:7/11;
  grid-column:6/9;
}
section:nth-of-type(26){
  grid-row:11;
  max-width:1em;
  grid-column:12;
}
section:nth-of-type(27){
  grid-row:7/11;
  max-width:1em;
  grid-column:5;
   justify-self: end;
}
section:nth-of-type(28){
  grid-row:11/13;
  grid-column:8/11;
}
section:nth-of-type(29){
  grid-row:13/15;
  grid-column:9/10;
}
section:nth-of-type(30){
  grid-row:13/15;
  grid-column:10;
  justify-self: start;
}
section:nth-of-type(31){
  grid-row:15/17;
  grid-column:10;
  max-width:2em;
}
section:nth-of-type(32){
  grid-row:17/21;
  grid-column:12/14;
}
section:nth-of-type(33){
  grid-row:17/20;
  grid-column:11/12;
}
section:nth-of-type(34){
  grid-row:16;
  grid-column:11/14;
  align-self: end;
}
section:nth-of-type(35){
  grid-row:16;
  grid-column:11/14;
  align-self: end;
}
section:nth-of-type(36){
  grid-row:18/23;
  grid-column:14;
}
section:nth-of-type(37){
  grid-row:21/23;
  grid-column:13/14;
}
section:nth-of-type(38){
  grid-row:23;
  grid-column:14;
  justify-self: start;
}
section:nth-of-type(39){
  grid-row:23/26;
  grid-column:13;
}
section:nth-of-type(40){
  grid-row:23/28;
  grid-column:12;
  justify-self: end;
}
section:nth-of-type(41){
  grid-row:23/28;
  grid-column:12;
  justify-self: end;
}
section:nth-of-type(42){
 grid-row:7/11;
  grid-column:9/12;
}
section:nth-of-type(43){
 grid-row:6;
  grid-column:11/12;
}
section:nth-of-type(44){
 grid-row:1/7;
  grid-column:15;

}
section:nth-of-type(45){
 grid-row:1;
  grid-column:16/19;
/*   align-self: end; */
}
section:nth-of-type(46){
 grid-row:2/6;
  grid-column:16/18;
}
section:nth-of-type(47){
 grid-row:6;
  grid-column:16/18;
  align-self: start;
}
section:nth-of-type(48){
 grid-row:6;
  grid-column:18;
   align-self: start;
 justify-self:start;
}
section:nth-of-type(49){
 grid-row:7;
  grid-column:15;
}
section:nth-of-type(50){
 grid-row:1;
  grid-column:20;
}
section:nth-of-type(51){
 grid-row:2;
  grid-column:20;
}
section:nth-of-type(52){
 grid-row:2;
  grid-column:21;
}
section:nth-of-type(53){
 grid-row:7;
  grid-column:20;
}
section:nth-of-type(54){
 grid-row:7;
  grid-column:21;
}
section:nth-of-type(55){
 grid-row:8;
  grid-column:21;
}
section:nth-of-type(56){
 grid-row:9;
  grid-column:21;
}
section:nth-of-type(57){
 grid-row:9;
  grid-column:20;
}
section:nth-of-type(58){
 grid-row:10;
  grid-column:20;
}
section:nth-of-type(59){
 grid-row:6;
  grid-column:22;
}
section:nth-of-type(60){
 grid-row:5;
  grid-column:22;
  justify-self:end;
}
section:nth-of-type(61){
 grid-row:6;
  grid-column:23;
  justify-self:start;
}
section:nth-of-type(62){
 grid-row:5;
  grid-column:23;
  justify-self:start;
}
section:nth-of-type(63){
 grid-row:4;
  grid-column:23/24;
}
section:nth-of-type(64){
 grid-row:7/10;
  grid-column:22/23;
}
section:nth-of-type(65){
 grid-row:7;
  grid-column:23;
   justify-self:start;

}
section:nth-of-type(66){
 grid-row:4;
  grid-column:22;
   justify-self:end;
}
section:nth-of-type(67){
 grid-row:6/8;
  grid-column:23;
  
}
section:nth-of-type(68){
 grid-row:6/10;
  grid-column:24;
}
section:nth-of-type(69){
 grid-row:8/10;
  grid-column:23/24;
  
}
section:nth-of-type(70){
 grid-row:10/11;
  grid-column:24;
  justify-self:start;
}
section:nth-of-type(71){
 grid-row:4/12;
  grid-column:25;
}
section:nth-of-type(72){
 grid-row:4/8;
  grid-column:26/31; 
}
section:nth-of-type(73){
 grid-row:8/11;
  grid-column:26/30; 
}
section:nth-of-type(74){
 grid-row:3;
  grid-column:28/31; 
}
section:nth-of-type(75){
 grid-row:3;
  grid-column:26/27; 
}
section:nth-of-type(76){
 grid-row:3;
  grid-column:31/33; 
}
section:nth-of-type(77){
 grid-row:4;
  grid-column:31; 
}
section:nth-of-type(78){
 grid-row:5;
  grid-column:31/33; 
}
section:nth-of-type(79){
 grid-row:6;
  grid-column:31/32; 
}
section:nth-of-type(80){
 grid-row:6/8;
  grid-column:32; 
  justify-self:start;
}
section:nth-of-type(81){
 grid-row:7/12;
  grid-column:31; 
  justify-self:start;
}
section:nth-of-type(82){
 grid-row:8/12;
  grid-column:30; 
}
section:nth-of-type(83){
 grid-row:8/12;
  grid-column:30; 
}
section:nth-of-type(84){
 grid-row:4/6;
  grid-column:33; 
  justify-self:end;
}
section:nth-of-type(85){
 grid-row:3;
  grid-column:33; 
   justify-self:start;
}
section:nth-of-type(86){
 grid-row:12/14;
  grid-column:24/29;
}
section:nth-of-type(87){
 grid-row:14;
  grid-column:25/28;
}
section:nth-of-type(88){
 grid-row:15/18;
  grid-column:26/27;

}
section:nth-of-type(89){
 grid-row:15/17;
  grid-column:27;
 justify-self:start;
}
section:nth-of-type(90){
 grid-row:15/17;
  grid-column:25;
 justify-self:end;
}
section:nth-of-type(91){
 grid-row:18;
  grid-column:26;
}
section:nth-of-type(92){
 grid-row:18;
  grid-column:26;
 justify-self:end;
}
section:nth-of-type(93){
 grid-row:12;
  grid-column:19/24;
}
section:nth-of-type(94){
 grid-row:13/15;
  grid-column:18/24;
}
section:nth-of-type(95){
 grid-row:15;
  grid-column:19/24;
}
section:nth-of-type(96){
 grid-row:15;
  grid-column:18;
  justify-self:end;
}
section:nth-of-type(97){
 grid-row:16;
  grid-column:19/24;
}
section:nth-of-type(98){
 grid-row:17/22;
  grid-column:22/23;
}
section:nth-of-type(99){
 grid-row:17/19;
  grid-column:23;
  justify-self:start;
}
section:nth-of-type(100){
 grid-row:19/20;
  grid-column:23;
  justify-self:start;
}
section:nth-of-type(101){
 grid-row:17/18;
  grid-column:20/21;
  
}
section:nth-of-type(102){
 grid-row:21;
  grid-column:21; 
  justify-self:end;
}
section:nth-of-type(103){
 grid-row:22;
  grid-column:22; 
}
section:nth-of-type(104){
 grid-row:17/21;
  grid-column:21;
}
section:nth-of-type(105){
 grid-row:23;
  grid-column:22; 
  justify-self:end;
}
section:nth-of-type(106){
 grid-row:19;
  grid-column:26;
 justify-self:end;
}
section:nth-of-type(107){
 grid-row:11;
  grid-column:26/30;
}
section:nth-of-type(108){
 grid-row:12;
  grid-column:29/31;
}
section:nth-of-type(109){
 grid-row:13;
  grid-column:30/31;
}
section:nth-of-type(110){
 grid-row:14;
  grid-column:29;
}
section:nth-of-type(111){
 grid-row:14;
  grid-column:28;
  justify-self:end;
}
section:nth-of-type(112){
 grid-row:15;
  grid-column:29/31;
}
section:nth-of-type(113){
 grid-row:16;
  grid-column:31;
   justify-self:start;
}
section:nth-of-type(114){
 grid-row:17;
  grid-column:31;
   justify-self:end;
}
section:nth-of-type(115){
 grid-row:18;
  grid-column:32;
}
section:nth-of-type(116){
 grid-row:19;
  grid-column:31;
  justify-self:end;
}
section:nth-of-type(117){
 grid-row:19;
  grid-column:32;
  justify-self:start;
}
section:nth-of-type(118){
 grid-row:21;
  grid-column:31/35;
}
section:nth-of-type(119){
 grid-row:22;
  grid-column:30/36;
}
section:nth-of-type(120){
 grid-row:23;
  grid-column:30/36;
}
section:nth-of-type(121){
 grid-row:24;
  grid-column:31/35;
}
section:nth-of-type(122){
 grid-row:24;
  grid-column:35;
  justify-self:start;
}
section:nth-of-type(123){
 grid-row:25;
  grid-column:33/35;
}
section:nth-of-type(124){
 grid-row:20;
  grid-column:33/35;
}
section:nth-of-type(125){
 grid-row:17/19;
  grid-column:10;
  justify-self:end;
}