::-moz-selection { 
  background:  #ffff4f;
  color: #00784d;
  }

::selection {
  background:  #ffff4f;
  color: #00784d;
}

@font-face {
    font-family: 'Overpass';
    src: url('fontok/Overpass-Regular.woff2') format("truetype");
  	font-weight: normal;
  	font-style: normal;
}

@font-face {
    font-family: 'Overpass';
    src: url('fontok/Overpass-ExtraBold.woff2') format("truetype");
  	font-weight: bold;
  	font-style: normal;
}

@font-face {
    font-family: 'Overpass';
    src: url('fontok/Overpass-LightItalic.woff2') format("truetype");
  	font-weight: normal;
  	font-style: italic;
}

@font-face {
    font-family: 'Overpass';
    src: url('fontok/Overpass-BoldItalic.woff2') format("truetype");
  	font-weight: bold;
  	font-style: italic;
}

@font-face {
    font-family: 'Overpassmono';
    src: url('fontok/OverpassMono-Bold.woff2') format("truetype");
}

body {
	background-color: #ffff4f;
	background-image: url("kepek/pattern.png");
	background-attachment: fixed;
	color: #006;
	font-family: Overpass;
	font-size: 1.1em;
	padding: 5% 10% 5% 10%;
}

#fejleckep {
	width: 60%;
}

#container {
	background-color: white;
	padding: 10px;
	border-radius: 4px;
	background-image: linear-gradient(110deg,rgba(128,255,79,0.0), rgba(128,255,79,0.05),rgba(128,255,79,0.05),rgba(128,255,79,0.0));

	}

h1 {
	font-family: Overpass;
/*		background-color: #8dff4f; */
	padding: 10px;
	transition: all 5s;
	border-radius: 7px;
	text-align: center;
	margin-bottom: 0px;
/*	background-image: linear-gradient(to right,rgba(128,255,79,0.0), rgba(128,255,79,0.0),rgba(128,255,79,0.0),rgba(128,255,79,0.0));


	background-image: linear-gradient(5deg,rgba(128,255,79,0.1), rgba(128,255,79,1.0),rgba(128,255,79,1.0),rgba(128,255,79,0.1));
	background-position: 0% 100%;
*/
}

h1:hover {
	transition: all 5s;
	background-image: linear-gradient(-45deg,rgba(128,255,79,0.1), rgba(128,255,79,1.0),rgba(128,255,79,1.0),rgba(128,255,79,0.1));
	background-position: 40% 50%;
}

h2 {
	font-family: Overpass;
	color: #83f343;
	display: inline-block;
	padding: 0px;
	margin: 0px;
	border-bottom: 3px dotted #006;
	transition: all 1s;
	}

h2:hover {
	color: #006;
	border-bottom: 3px dotted #8dff4f;
	transition: all 1s;
}

.aktualis {
	color: #e074b5;
}

h3 {
	margin-top: 0px;
	text-align: center;
	margin-bottom: 30px;
}


#felirat {
/* ezt majd javítsd ki plíz
	position: sticky;
	top: 0px;
*/
}

#menu {
	background-color: #ffccff;
	padding: 10px;
	font-size: 1.3em;
	text-align: right;
}


a {
	text-decoration: none;
	background-color: #ffff4f;
	color: #000;
	transition: all 0.5s;
	padding-left: 4px;
	padding-right: 4px;
	}

a:hover {
	text-decoration: underline;
	background-color: #8dff4f;
	transition: all 0.5s;
}
.menuitem {

}

#fejlec {
	width: 100%;
	opacity: 1.0;
	display: flex;
	justify-content: center;
}

#kbtomeg {
	width: 100%;
	display: flex;
	justify-content: space-evenly;
	flex-wrap: wrap-reverse;
	gap: 4px;

}

#logo {
	display: flex;
	flex-direction: column;
	width: 60%;
	background-color: #78ec51;
	border-radius: 10% / 15%;
	height: 30vw;
	max-height: 300px;
}


#logofelsosav {
	display: flex;
	align-items: center;
	justify-content: center;
	height: 60%;
}

#logofelirat {
	text-align: center;
	color: white;
	font-size: 10vw;
	font-weight: bold;
	line-height: 0.4;
	margin-top: 8%;
	-webkit-user-select: none; 
  	-ms-user-select: none;

}

#logomasodiksor {
	color: white;
	font-size: 5vw;
	font-weight: normal;
	line-height: 0.8;
	-webkit-user-select: none; 
  	-ms-user-select: none;
}


#logouressav {
	text-align: center;
	background-color: white;	
	height: 30%;
	max-height: 120px;
}


ul {
	list-style-type: circle;
	position:relative;
    right:25px;
}
li {
	margin-bottom: 1px;
}

li::marker {
  	color: #0daa0f;
}

.kiskepek {
	height: 40px;
/*	filter: invert(13%) sepia(6%) saturate(42%) hue-rotate(30deg)  brightness(104%) contrast(186%); */

	filter: invert(13%) sepia(30%) saturate(0%) hue-rotate(341deg) brightness(108%) contrast(103%);

	opacity: 0.9;
	transition: opacity 1s;
	border-radius: 5px;
	}
	
.kiskepek:hover {
	opacity: 1.0;
	transition: opacity 1s;
}

.eloadokiskepek {
	height: 40px;
	filter: invert(13%) sepia(30%) saturate(100%) hue-rotate(341deg) brightness(108%) contrast(103%);
		opacity: 0.9;
	transition: opacity 1s;
	border-radius: 5px;

}

.panelek {
	display: flex;
	flex-direction: row;
}

.oldalsav {
	margin-right: 30px;
	margin-bottom: 0px;
	min-width: 130px;
}

.torzsszoveg {
	text-align: justify;
  	text-justify: inter-word;
}

#nevek {
	text-align: left;
}	

p {
 margin-top: 0px;
 margin-bottom: 10px;
}

#lablec {
	text-align: center;
	font-size: 0.8em;
	color: #676;
}

#fbikon {
	height: 16px; 
}

#menusor {
	display: flex;
	height: 8px;
	justify-content: space-between;
	align-items: flex-end;
	
}

.menuelem {
	height: 30px;
	z-index: 9999;
	margin-left: 5px;
}

#balazsmenusor {
	justify-content: flex-start;
	align-items: flex-start;
}

#jobbazsmenusor {
	justify-content: flex-end;
	align-items: flex-end;
}

#menusor a {
	background-color: transparent;
}

#bevasarlokocsika {
	position: relative;
	animation-name: kocsitilitoli;
  	animation-duration: 31s;
  	animation-iteration-count: infinite;
  	animation-direction: alternate-reverse;
}

@keyframes kocsitilitoli {
  0% {left: -5px; }
  25% {left: 10px; }
  50% {left: -10px; }
  100% {left: 0px;}
}


@media screen and (max-width: 800px) {
  body {
	padding-left: 0%;	
	padding-right: 0%;	
	padding-bottom: 0%;	
	padding-top: 30px;

  }
  
  #container {
	}
.panelek {
	flex-direction: column;
}

.oldalsav {
	margin-right: 0px;
	margin-bottom: 15px;
	text-align: center;
}


}