body {
   background-size: cover;
   background-image: linear-gradient(120deg, #ebba34 0%, #deeb34 100%);
   width: 100%;
   height: 100%;
}

h1 {
   text-align: center;
}

a {
   color: #288ff7;
   text-decoration: none;
   white-space: nowrap;
}

a:visited {
   color: #288ff7;
   text-decoration: none;
}

a:active {
   color: #288ff7;
   text-decoration: none;
}

a:hover {
   color: #ff2121;
   text-decoration: underline;
}

.container {
   margin: auto;
   width: 95%;
   height: 100%;
   border-radius: 25px;
}

.tartalom {
   margin: auto;
   width: 95%;
   height: 100%;
   border-radius: 25px;
   border:1px solid black;
   background-color: #cccfcd;
}

.lablec {
   margin: auto;
   width: 95%;
   height: 100%;
   border-radius: 25px;
   border:1px solid black;
   background-color: #cccfcd;
   text-align: center;
}


.felsomenu {
   background-color: #cccfcd;
   border-radius: 25px;
   border:1px solid black;
   padding: 1em;

	
}
.felsomenu a {
   font-weight: bold;
	
}

.gallery {
   margin: auto;
   width: 95%;
}

.modal {
  display: none;
  position: fixed;
  z-index: 1;
  padding-top: 50px;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  background-color: rgba(0, 0, 0, 0.9);
}

/* Modal content (image) styles */
.modal-content {
  margin: auto;
  display: block;
  width: 80%;
  max-width: 700px;
  max-height: 90%;
}