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"
    "object1 content1"
    "object2 content2"
	"object3 content3"
    "footer footer";
  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.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), 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.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));
  /*background-color: rgba(120,120,120,0.3);*/
}
.container div.object3 {
  grid-area: object3;
  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.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));
  /*background-color: rgba(120,120,120,0.3);*/
}
.container div.footer {
  grid-area: footer;
  text-align: right;  
  border-radius: 3px;
  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 {
    letter-spacing: 2px;
	font-style: oblique;
	color: whitesmoke;
	/*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;*/
  }