*{box-sizing:border-box}
body{text-align:center;font-family:fahk,arial}
.prevent-select {
  -webkit-user-select: none;
  -ms-user-select: none; 
  user-select: none; 
}
body{
background-image: url("../kep/scifi/sci03.jpg");
background-attachment: fixed;height:100%;
background-position:center;
background-repeat: no-repeat;
background-size: cover;
}
@font-face{font-family:mukta;src:url("../cssfont/mukta.ttf")}
@font-face{font-family:fahk;src:url("../cssfont/fahk.ttf")}
/*oldalsáv a flipnek*/
.sidenav {
  height: 100vh;
  width: 250px;
  position: fixed;
  z-index: 1;
  top: 0;
  left:1vw;
  overflow-x: hidden;overflow-y: hidden;
  padding-top: 1em;
}
.flip-box
{width: 250px;height:165px;margin:1em auto}
.flip-box-inner
{
	position: relative;
	width: 100%;
	height: 100%;
	transition: transform 2s;
	transform-style: preserve-3d;
}
.flip-box:hover .flip-box-inner{transform: rotateY(180deg);}
.flip-box-front, .flip-box-back
{
	position: absolute;
	width: 100%;
	height: 100%;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}
.flip-box-back{transform: rotateY(180deg)}
	/*flip ennyi*/
nav{margin-top:2em}
.container-fluid{margin-bottom:10px}
.container{margin-top:3rem;margin-bottom:10px;margin-left:21vw}
.col-sm-12{background:#262626;border-radius:15px;}
.card{background:none}
.card-body{padding-top:1em;padding-bottom:1em;background:#dddddd;border-radius:10px;}
h1,h2,h3{font-family:fahk;line-height:1.5;color:gray}
h2{background:gray;padding:1em;border-radius:15px}
h4,h5{color:black;text-align:center;border:none;margin-top:1em;font-family:fahk;}
.h4{color:black;font-size:1.3em;text-align:center;padding:1em;border-radius:5px;border:1px solid gray}
.h3{text-align:center;color:black}
h5{font-size:1.2em;}
.h5{text-align:center}
h6{font-size:0.9rem;text-align:center;padding:1rem}
.h6{font-size:1.2em;color:black;margin-bottom:10px;border-radius:5px}
p{text-align:center;font-size:1.1em;font-family:fahk}
.p{font-size:1em;font-family:fahk}
hr{width:1px}
img{float:left;margin:1em;border-radius:5px;}
.img{margin:1rem auto;width:99%;border-radius:5px;border:2px solid gray}
a:link{text-decoration:none;}
.a{
	display:inline-block;
	color:gray;
	font-size:0.9em;
	padding:5px 15px;margin-bottom:0;margin-top:1em;border-radius:8px;
	font-family:fahk;background:#414141;border:0px solid gray;
}
.a:hover{color:black;background:gold;border-radius:8px;}
b:link{text-decoration:none;}
.b{
	display:inline-block;
	color:black;
	font-size:0.7rem;font-style:italic;
	padding:5px 15px;border-radius:8px;margin:5px;
	font-family:fahk;background:#aabbcc;
}
.b:hover{color:white;background:gray;border-radius:8px;}





c:link{text-decoration:none;}
.c
{
display:inline-block;
margin:5px auto;background:#313131;
color:black;
font-size:.81em;text-align:center;
padding:8px 25px;margin-bottom:0;margin-top:1em;
border-radius:15px;background:white;
}
.c:hover{color:black;background:gold}

d:link{text-decoration:none;}
.d{
	display:inline-block;
	font-size:1em;color:gray;
	padding:5px 15px;margin:5px auto;
	font-family:fahk;border:1px solid gray;border-radius:20px;background:#313131;
}
.d:hover{color:black;background:gray}

e:link{text-decoration:none;}
.e{
	display:block;
	color:gray;border-radius:10px;
	font-size:.9em;
	padding:6px 10px;margin:5px auto;
	font-family:fahk;border:1px solid gray;background:#414141;
}
.e:hover{color:black;background:gold}
@media screen and (max-width: 1180px) 
{
.d{width:100%}
.sidenav {visibility: hidden;}
.container{margin:2rem auto}	
}