body {
        /*color: black;
		background-color: whitesmoke;*/
		line-height: 1.5;
		color: whitesmoke;
		background-color: black;
		font-family: Lucida Console,Lucida Sans Typewriter,monaco,Bitstream Vera Sans Mono,monospace;;
		width: 70%;
		height:auto;
		margin-left: 15%;
		margin-right: 15%;
                }
		
a {
	color: gray;
	/*color: black;*/
	text-decoration: none;
	}
	
a:hover {
	color: red;
}

a:active {
	color: fuchsia;
}

.resize {
	width: 100%;
}
.resize2{
	height: 3%;
}

.container {
  display: grid;
  grid-template-areas:
    "headerL headerR"
	"subheaderL subheaderR"
	
    "object0 content0"
    "object1 content1"
    "object2 content2"
	"object3 content3"
	"object4 content4"
	"object25 content25"
	"object5 content5"
	"object6 content6"
	"object7 content7"
	"object8 content8"
	"object9 content9"
	"object10 content10"
	"object11 content11"
	"object12 content12"
	"object13 content13"
	"object26 content26"
	"object14 content14"
	"object15 content15"
	"object16 content16"
	"object17 content17"
	"object18 content18"
	"object24 content24"
	"object19 content19"
	"object20 content20"
	"object21 content21"
	"object22 content22"
	"object23 content23"

    "footerL footerR";
  grid-template-columns: 2fr 7fr;
  /*gap: 1px;*/
  /*background-color: black;*/
  padding: 1px;
}
.container div {
  /*background-color: black;*/
  padding: 10px;
}
.container div.headerL {
  grid-area: headerL;
  text-align: center;
  border-radius: 3px;
/*background-image: linear-gradient(to right, rgba(120,120,120,0), rgba(120,120,120,0.0));*/
}
.container div.headerR {
  grid-area: headerR;
  text-align: center;
  border-radius: 3px;
/*background-image: linear-gradient(to right, rgba(120,120,120,0), rgba(120,120,120,0.0));*/
}
.container div.subheaderL {
  grid-area: subheaderL;
  text-align: center;
  border-radius: 3px;
/*background-image: linear-gradient(to right, rgba(120,120,120,0), rgba(120,120,120,0.0));*/
}
.container div.subheaderR {
  grid-area: subheaderR;
  text-align: center;
  border-radius: 3px;
/*background-image: linear-gradient(to right, rgba(120,120,120,0), rgba(120,120,120,0.0));*/
}

.container div.object0 {
  grid-area: object0;
  border-radius: 3px;
  /*background-image: linear-gradient(180deg, rgba(120,120,120,0.0), teal, navy, rgba(120,120,120,0.0));*/
  /*background-image: linear-gradient(180deg, rgba(10,120,120,0.0), rgba(120,120,120,0.3), rgba(120,120,120,0.3), rgba(120,120,120,0.0));*/
  text-align: center;
  /*filter: blur(1px);*/
  /*background-color: rgba(120,120,120,0.3);*/
}
.container div.content0 {
  grid-area: content0;
  border-radius: 3px;
  /*background-image: linear-gradient(180deg, rgba(120,120,120,0.0), rgba(120,120,120,0.3), rgba(120,120,120,0.3), rgba(120,120,120,0.0));*/
  /*background-color: rgba(120,120,120,0.3);*/
  }
.container div.object1 {
  grid-area: object1;
  border-radius: 3px;
  /*background-image: linear-gradient(180deg, rgba(120,120,120,0.0), teal, navy, rgba(120,120,120,0.0));*/
  background-image: linear-gradient(180deg, rgba(120,120,120,0.0), rgba(120,120,120,0.3), rgba(120,120,120,0.3), rgba(120,120,120,0.0));
  text-align: center;
  /*filter: blur(1px);*/
  /*background-color: rgba(120,120,120,0.3);*/
}
.container div.content1 {
  grid-area: content1;
  border-radius: 3px;
  background-image: linear-gradient(180deg, rgba(120,120,120,0.0), rgba(120,120,120,0.3), rgba(120,120,120,0.3), rgba(120,120,120,0.0));
  /*background-color: rgba(120,120,120,0.3);*/
  }
  .container div.object2 {
  grid-area: object2;
  border-radius: 3px;
  background-image: linear-gradient(180deg, rgba(120,120,120,0.0), rgba(120,120,120,0.3), rgba(120,120,120,0.3), rgba(120,120,120,0.0));
  text-align: center;
 }
.container div.content2 {
  grid-area: content2;
  border-radius: 3px;
  background-image: linear-gradient(180deg, rgba(120,120,120,0.0), rgba(120,120,120,0.3), rgba(120,120,120,0.3), rgba(120,120,120,0.0));
 }
.container div.object3 {
  grid-area: object3;
  border-radius: 3px;
  background-image: linear-gradient(180deg, rgba(120,120,120,0.0), rgba(120,120,120,0.3), rgba(120,120,120,0.3), rgba(120,120,120,0.0));
  text-align: center;
 }
.container div.content3 {
  grid-area: content3;
  border-radius: 3px;
  background-image: linear-gradient(180deg, rgba(120,120,120,0.0), rgba(120,120,120,0.3), rgba(120,120,120,0.3), rgba(120,120,120,0.0));
  }
  .container div.object4 {
  grid-area: object4;
  border-radius: 3px;
  background-image: linear-gradient(180deg, rgba(120,120,120,0.0), rgba(120,120,120,0.3), rgba(120,120,120,0.3), rgba(120,120,120,0.0));
  text-align: center;
 }
.container div.content4 {
  grid-area: content4;
  border-radius: 3px;
  background-image: linear-gradient(180deg, rgba(120,120,120,0.0), rgba(120,120,120,0.3), rgba(120,120,120,0.3), rgba(120,120,120,0.0));
  }
.container div.object25 {
  grid-area: object25;
  border-radius: 3px;
  background-image: linear-gradient(180deg, rgba(120,120,120,0.0), rgba(120,120,120,0.3), rgba(120,120,120,0.3), rgba(120,120,120,0.0));
  text-align: center;
 }
.container div.content25 {
  grid-area: content25;
  border-radius: 3px;
  background-image: linear-gradient(180deg, rgba(120,120,120,0.0), rgba(120,120,120,0.3), rgba(120,120,120,0.3), rgba(120,120,120,0.0));
  }
    .container div.object5 {
  grid-area: object5;
  border-radius: 3px;
  background-image: linear-gradient(180deg, rgba(120,120,120,0.0), rgba(120,120,120,0.3), rgba(120,120,120,0.3), rgba(120,120,120,0.0));
  text-align: center;
 }
.container div.content5 {
  grid-area: content5;
  border-radius: 3px;
  background-image: linear-gradient(180deg, rgba(120,120,120,0.0), rgba(120,120,120,0.3), rgba(120,120,120,0.3), rgba(120,120,120,0.0));
  }
    .container div.object6 {
  grid-area: object6;
  border-radius: 3px;
  background-image: linear-gradient(180deg, rgba(120,120,120,0.0), rgba(120,120,120,0.3), rgba(120,120,120,0.3), rgba(120,120,120,0.0));
  text-align: center;
 }
.container div.content6 {
  grid-area: content6;
  border-radius: 3px;
  background-image: linear-gradient(180deg, rgba(120,120,120,0.0), rgba(120,120,120,0.3), rgba(120,120,120,0.3), rgba(120,120,120,0.0));
  }
    .container div.object7 {
  grid-area: object7;
  border-radius: 3px;
  background-image: linear-gradient(180deg, rgba(120,120,120,0.0), rgba(120,120,120,0.3), rgba(120,120,120,0.3), rgba(120,120,120,0.0));
  text-align: center;
 }
.container div.content7 {
  grid-area: content7;
  border-radius: 3px;
  background-image: linear-gradient(180deg, rgba(120,120,120,0.0), rgba(120,120,120,0.3), rgba(120,120,120,0.3), rgba(120,120,120,0.0));
  }
    .container div.object8 {
  grid-area: object8;
  border-radius: 3px;
  background-image: linear-gradient(180deg, rgba(120,120,120,0.0), rgba(120,120,120,0.3), rgba(120,120,120,0.3), rgba(120,120,120,0.0));
  text-align: center;
 }
.container div.content8 {
  grid-area: content8;
  border-radius: 3px;
  background-image: linear-gradient(180deg, rgba(120,120,120,0.0), rgba(120,120,120,0.3), rgba(120,120,120,0.3), rgba(120,120,120,0.0));
  }
    .container div.object9 {
  grid-area: object9;
  border-radius: 3px;
  background-image: linear-gradient(180deg, rgba(120,120,120,0.0), rgba(120,120,120,0.3), rgba(120,120,120,0.3), rgba(120,120,120,0.0));
  text-align: center;
 }
.container div.content9 {
  grid-area: content9;
  border-radius: 3px;
  background-image: linear-gradient(180deg, rgba(120,120,120,0.0), rgba(120,120,120,0.3), rgba(120,120,120,0.3), rgba(120,120,120,0.0));
  }
.container div.object10 {
  grid-area: object10;
  border-radius: 3px;
  background-image: linear-gradient(180deg, rgba(120,120,120,0.0), rgba(120,120,120,0.3), rgba(120,120,120,0.3), rgba(120,120,120,0.0));
  text-align: center;
 }
.container div.content10 {
  grid-area: content10;
  border-radius: 3px;
  background-image: linear-gradient(180deg, rgba(120,120,120,0.0), rgba(120,120,120,0.3), rgba(120,120,120,0.3), rgba(120,120,120,0.0));
  }
  .container div.object11 {
  grid-area: object11;
  border-radius: 3px;
  background-image: linear-gradient(180deg, rgba(120,120,120,0.0), rgba(120,120,120,0.3), rgba(120,120,120,0.3), rgba(120,120,120,0.0));
  text-align: center;
 }
.container div.content11 {
  grid-area: content11;
  border-radius: 3px;
  background-image: linear-gradient(180deg, rgba(120,120,120,0.0), rgba(120,120,120,0.3), rgba(120,120,120,0.3), rgba(120,120,120,0.0));
  }
  .container div.object12 {
  grid-area: object12;
  border-radius: 3px;
  background-image: linear-gradient(180deg, rgba(120,120,120,0.0), rgba(120,120,120,0.3), rgba(120,120,120,0.3), rgba(120,120,120,0.0));
  text-align: center;
 }
.container div.content12 {
  grid-area: content12;
  border-radius: 3px;
  background-image: linear-gradient(180deg, rgba(120,120,120,0.0), rgba(120,120,120,0.3), rgba(120,120,120,0.3), rgba(120,120,120,0.0));
  }
  .container div.object13 {
  grid-area: object13;
  border-radius: 3px;
  background-image: linear-gradient(180deg, rgba(120,120,120,0.0), rgba(120,120,120,0.3), rgba(120,120,120,0.3), rgba(120,120,120,0.0));
  text-align: center;
 }
.container div.content13 {
  grid-area: content13;
  border-radius: 3px;
  background-image: linear-gradient(180deg, rgba(120,120,120,0.0), rgba(120,120,120,0.3), rgba(120,120,120,0.3), rgba(120,120,120,0.0));
  }
  .container div.object26 {
  grid-area: object26;
  border-radius: 3px;
  background-image: linear-gradient(180deg, rgba(120,120,120,0.0), rgba(120,120,120,0.3), rgba(120,120,120,0.3), rgba(120,120,120,0.0));
  }
.container div.content26 {
  grid-area: content26;
  border-radius: 3px;
  background-image: linear-gradient(180deg, rgba(120,120,120,0.0), rgba(120,120,120,0.3), rgba(120,120,120,0.3), rgba(120,120,120,0.0));
  }  
  .container div.object14 {
  grid-area: object14;
  border-radius: 3px;
  background-image: linear-gradient(180deg, rgba(120,120,120,0.0), rgba(120,120,120,0.3), rgba(120,120,120,0.3), rgba(120,120,120,0.0));
  text-align: center;
 }
.container div.content14 {
  grid-area: content14;
  border-radius: 3px;
  background-image: linear-gradient(180deg, rgba(120,120,120,0.0), rgba(120,120,120,0.3), rgba(120,120,120,0.3), rgba(120,120,120,0.0));
  }
  .container div.object15 {
  grid-area: object15;
  border-radius: 3px;
  background-image: linear-gradient(180deg, rgba(120,120,120,0.0), rgba(120,120,120,0.3), rgba(120,120,120,0.3), rgba(120,120,120,0.0));
  text-align: center;
 }
.container div.content15 {
  grid-area: content15;
  border-radius: 3px;
  background-image: linear-gradient(180deg, rgba(120,120,120,0.0), rgba(120,120,120,0.3), rgba(120,120,120,0.3), rgba(120,120,120,0.0));
  }
  .container div.object16 {
  grid-area: object16;
  border-radius: 3px;
  background-image: linear-gradient(180deg, rgba(120,120,120,0.0), rgba(120,120,120,0.3), rgba(120,120,120,0.3), rgba(120,120,120,0.0));
  text-align: center;
 }
.container div.content16 {
  grid-area: content16;
  border-radius: 3px;
  background-image: linear-gradient(180deg, rgba(120,120,120,0.0), rgba(120,120,120,0.3), rgba(120,120,120,0.3), rgba(120,120,120,0.0));
  }
.container div.object17 {
  grid-area: object17;
  border-radius: 3px;
  background-image: linear-gradient(180deg, rgba(120,120,120,0.0), rgba(120,120,120,0.3), rgba(120,120,120,0.3), rgba(120,120,120,0.0));
  text-align: center;
 }
.container div.content17 {
  grid-area: content17;
  border-radius: 3px;
  background-image: linear-gradient(180deg, rgba(120,120,120,0.0), rgba(120,120,120,0.3), rgba(120,120,120,0.3), rgba(120,120,120,0.0));
  }
  .container div.object18 {
  grid-area: object18;
  border-radius: 3px;
  background-image: linear-gradient(180deg, rgba(120,120,120,0.0), rgba(120,120,120,0.3), rgba(120,120,120,0.3), rgba(120,120,120,0.0));
  text-align: center;
 }
.container div.content18 {
  grid-area: content18;
  border-radius: 3px;
  background-image: linear-gradient(180deg, rgba(120,120,120,0.0), rgba(120,120,120,0.3), rgba(120,120,120,0.3), rgba(120,120,120,0.0));
  }
  .container div.object24 {
  grid-area: object24;
  border-radius: 3px;
  background-image: linear-gradient(180deg, rgba(120,120,120,0.0), rgba(120,120,120,0.3), rgba(120,120,120,0.3), rgba(120,120,120,0.0));
  text-align: center;
 }
.container div.content24 {
  grid-area: content24;
  border-radius: 3px;
  background-image: linear-gradient(180deg, rgba(120,120,120,0.0), rgba(120,120,120,0.3), rgba(120,120,120,0.3), rgba(120,120,120,0.0));
  }
  .container div.object19 {
  grid-area: object19;
  border-radius: 3px;
  background-image: linear-gradient(180deg, rgba(120,120,120,0.0), rgba(120,120,120,0.3), rgba(120,120,120,0.3), rgba(120,120,120,0.0));
  text-align: center;
 }
.container div.content19 {
  grid-area: content19;
  border-radius: 3px;
  background-image: linear-gradient(180deg, rgba(120,120,120,0.0), rgba(120,120,120,0.3), rgba(120,120,120,0.3), rgba(120,120,120,0.0));
  }
  .container div.object20 {
  grid-area: object20;
  border-radius: 3px;
  background-image: linear-gradient(180deg, rgba(120,120,120,0.0), rgba(120,120,120,0.3), rgba(120,120,120,0.3), rgba(120,120,120,0.0));
  text-align: center;
 }
.container div.content20 {
  grid-area: content20;
  border-radius: 3px;
  background-image: linear-gradient(180deg, rgba(120,120,120,0.0), rgba(120,120,120,0.3), rgba(120,120,120,0.3), rgba(120,120,120,0.0));
  }
  .container div.object21 {
  grid-area: object21;
  border-radius: 3px;
  background-image: linear-gradient(180deg, rgba(120,120,120,0.0), rgba(120,120,120,0.3), rgba(120,120,120,0.3), rgba(120,120,120,0.0));
  text-align: center;
 }
.container div.content21 {
  grid-area: content21;
  border-radius: 3px;
  background-image: linear-gradient(180deg, rgba(120,120,120,0.0), rgba(120,120,120,0.3), rgba(120,120,120,0.3), rgba(120,120,120,0.0));
  }
  .container div.object22 {
  grid-area: object22;
  border-radius: 3px;
  background-image: linear-gradient(180deg, rgba(120,120,120,0.0), rgba(120,120,120,0.3), rgba(120,120,120,0.3), rgba(120,120,120,0.0));
  text-align: center;
 }
.container div.content22 {
  grid-area: content22;
  border-radius: 3px;
  background-image: linear-gradient(180deg, rgba(120,120,120,0.0), rgba(120,120,120,0.3), rgba(120,120,120,0.3), rgba(120,120,120,0.0));
  }
.container div.object23 {
  grid-area: object23;
  border-radius: 3px;
  background-image: linear-gradient(180deg, rgba(120,120,120,0.0), rgba(120,120,120,0.3), rgba(120,120,120,0.3), rgba(120,120,120,0.0));
  text-align: center;
 }
.container div.content23 {
  grid-area: content23;
  border-radius: 3px;
  background-image: linear-gradient(180deg, rgba(120,120,120,0.0), rgba(120,120,120,0.3), rgba(120,120,120,0.3), rgba(120,120,120,0.0));
  }
  
}


.container div.footerL {
  grid-area: footerL;
  border-radius: 3px;
  text-align: right;  
  background-color: rgba(120,120,120,0);
}
.container div.footerR {
  grid-area: footerR;
  border-radius: 3px;
  text-align: right;  
  background-color: rgba(120,120,120,0);
}




h1 {
  font-family: "Lucida Console", serif;
  font-weight: 400;
  font-style: normal;
  text-align: center;
  letter-spacing: 25px;
  font-size: 65;
  /*margin-right: 10%;*/
  background: url("images/hydra1.jpg");
  background-size: contain;
  background-clip: text;
  color: rgba(255,255,255,0.3);
  filter: drop-shadow(1px 1px 2px dimgray);
 }

h2 {
  font-family: "Lucida Console", serif;
  font-weight: 400;
  font-style: normal;
  text-align: center;
  font-size: 75;
  /*margin-right: 10%;*/
  /*background: url("images/hydra5.jpg");*/
  background-image: linear-gradient(180deg, rgba(120,120,120,0.0), teal, navy, rgba(120,120,120,0.0));
  background-size: cover;
  background-clip: text;
  color: transparent;
  }
  
  h5 {
    text-align: right;
	letter-spacing: 2px;
	font-style: oblique;
	color: whitesmoke;
	/*color: rgba(1,1,1,0.5);*/
    filter: drop-shadow(1px 1px 2px dimgray);
  }
  
  h6 {
    text-align: right;
	letter-spacing: 2px;
	font-style: oblique;
	color: whitesmoke;
	border-style: dashed;
	/*color: rgba(1,1,1,0.5);
    filter: drop-shadow(1px 1px 2px dimgray);*/
  }
  
  /*border-radius: 0px;
  border: 1px solid rgba(110, 110, 110, 0);
  padding: 0px; 
  width: 360px;
  height: 60px;  
}*/

/*#ramkapionowa {
  border-radius: 6px;
  border: 2px solid rgba(200, 200, 200, 0.3);
  padding: 20px; 
  width: 65px;
  height: 300px;  
  text-align: left;*/
  /*background-image: url(paper.gif);
  background-position: left top;
  background-repeat: repeat;*/
  }