body,html { 
  background: url(../pic/2228821.jpg) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  font-family: verdana;
}


h1,h2 {
	
	background-color: rgba(224, 255, 228, 0.9);	
	text-align: center;
	margin: auto;
	max-width: 700px;
	color: rgb(23, 145, 35);
	}
  
.grid-containerB {

	
	display: block;
	display: grid;
	justify-content: start;
	grid-template-rows: auto;
	grid-gap: 3px;
	background-color: rgb(32, 194, 49);
	padding: 7px;
	width: 250px;
  
}

.grid-containerB > div {
  background-color: rgba(255, 255, 255, 0.8);
  text-align: left;
  padding: 10px 10px 10px 15px;
  font-size: 13px;
  
}


.word{
	vertical-align: center;
	text-align: center;
	max-width: 900px;
	max-height: 700px;
}


.item1 { grid-area: header; }
.item2 { grid-area: menu; }
.item3 {
			grid-area: main;
			width: 800px;
			
		}
.item5 { grid-area: footer; }

.grid-container {
  display: grid;
  grid-template-areas:
    'header header header header'
    'menu main main main'
    'footer footer footer footer';
  grid-gap: 10px;
  margin: auto;
}

.grid-container > div {
  
  text-align: center;
  
}

p {
	color: color: rgb(23, 145, 35);
	background-color: rgba(224, 255, 228, 0.9);
	max-width: 600px;
	position: absolute;
	top: 20%;
	left: 35%;
	text-align: center;
	font-size: 18px;
}

.vissza { text-align: left; top-margin: 10px; }