﻿/* STÍLUS */

body {
    background-color: #000000;
	color: #FFFFFF; /* betűszín */
	margin: 0;
	padding: 0;
	position: relative;
	width: auto;
	font-size: 20px;
}

/* Linkek */
a {
    color: #000000;
	background: none;
	text-decoration: none;
	outline: none;
}

a:active {
    color: #000000;
	background: none;
	text-decoration: none;
	outline: none;
}

a:hover {
    color: #FFF600;
	 text-shadow:
	    -1px -1px 1px #000000,
         0px -1px 1px #000000,
         1px -1px 1px #000000,
        -1px  0px 1px #000000,
         1px  0px 1px #000000,
        -1px  1px 1px #000000,
         0px  1px 1px #000000,
         1px  1px 1px #000000;
	 text-decoration: none;

}

a.inv {
    color: #FFFFFF;
	background: none;
	text-decoration: none;
	outline: none;
}

a.inv:active {
    color: #FFFFFF;
	background: none;
	text-decoration: none;
	outline: none;
}

a.inv:hover {
    color: #FFF600;
	 text-shadow:
	    -1px -1px 1px #000000,
         0px -1px 1px #000000,
         1px -1px 1px #000000,
        -1px  0px 1px #000000,
         1px  0px 1px #000000,
        -1px  1px 1px #000000,
         0px  1px 1px #000000,
         1px  1px 1px #000000;
	 text-decoration: none;

}

/* Redde(b)vil */
    a.reddebvil:link {
	 font-size: 16px;
	 color: #FFFFFF;
     text-decoration: none;
	 }
    a.reddebvil:visited {
	 font-size: 16px;
	 color: #FFFFFF;
     text-decoration: none;
	 }
    a.reddebvil:hover {
	 font-size: 16px;
	 color: #FFFFFF;
	 text-shadow:
	    -1px -1px 1px #660000,
         0px -1px 1px #660000,
         1px -1px 1px #660000,
        -1px  0px 1px #660000,
         1px  0px 1px #660000,
        -1px  1px 1px #660000,
         0px  1px 1px #660000,
         1px  1px 1px #660000,
	    -2px -2px 1px #FF0000,
         0px -2px 1px #FF0000,
         2px -2px 1px #FF0000,
        -2px  0px 1px #FF0000,
         2px  0px 1px #FF0000,
        -2px  2px 1px #FF0000,
         0px  2px 1px #FF0000,
         2px  2px 1px #FF0000,
	    -5px -5px 5px #000000,
         0px -5px 5px #000000,
         5px -5px 5px #000000,
        -5px  0px 5px #000000,
         5px  0px 5px #000000,
        -5px  5px 5px #000000,
         0px  5px 5px #000000,
         5px  5px 5px #000000;
     text-decoration: none;
	 }
    a.reddebvil:active {
	 font-size: 16px;
	 color: #FFFFFF;
	 text-shadow:
	    -1px -1px 1px #660000,
         0px -1px 1px #660000,
         1px -1px 1px #660000,
        -1px  0px 1px #660000,
         1px  0px 1px #660000,
        -1px  1px 1px #660000,
         0px  1px 1px #660000,
         1px  1px 1px #660000,
	    -2px -2px 1px #FF0000,
         0px -2px 1px #FF0000,
         2px -2px 1px #FF0000,
        -2px  0px 1px #FF0000,
         2px  0px 1px #FF0000,
        -2px  2px 1px #FF0000,
         0px  2px 1px #FF0000,
         2px  2px 1px #FF0000,
	    -5px -5px 5px #000000,
         0px -5px 5px #000000,
         5px -5px 5px #000000,
        -5px  0px 5px #000000,
         5px  0px 5px #000000,
        -5px  5px 5px #000000,
         0px  5px 5px #000000,
         5px  5px 5px #000000;
     text-decoration: none;
	 }

/* Képek */
img {
	border: none;
}

/* Szöveg */
#textbody{
    background-color: #FFFFFF;
	color: #000000; /* betűszín */
	margin: 0;
	padding: 10;
	position: relative;
	width: auto;
}

#textbody_inv{
    background-color: #000000;
	color: #FFFFFF; /* betűszín */
	margin: 0;
	padding: 10;
	position: relative;
	width: auto;
}

/* Címsorok */
H1 {
	 color: #FFF600;
	 text-shadow:
	    -1px -1px 1px #000000,
         0px -1px 1px #000000,
         1px -1px 1px #000000,
        -1px  0px 1px #000000,
         1px  0px 1px #000000,
        -1px  1px 1px #000000,
         0px  1px 1px #000000,
         1px  1px 1px #000000;
	 text-decoration: none;
	 }

H2 {
	 color: #FFF600;
	 text-shadow:
	    -1px -1px 1px #000000,
         0px -1px 1px #000000,
         1px -1px 1px #000000,
        -1px  0px 1px #000000,
         1px  0px 1px #000000,
        -1px  1px 1px #000000,
         0px  1px 1px #000000,
         1px  1px 1px #000000;
	 text-decoration: none;
	 }

H3 {
	 color: #444444;
	 text-decoration: none;
	 }

/* ??? */
hr.style-five {
    border: 0;
    height: 0; /* Firefox... */
    box-shadow: 0 0 5px 1px black;
}
hr.style-five:after {  /* Not really supposed to work, but does */
    content: "\00a0";  /* Prevent margin collapse */
}

/* Galéria */
.tartalom,.auto{margin-left:auto;margin-right:auto}.tartalom{max-width:980px}.auto{max-width:1140px}
.kivalaszt,.code{margin-top:16px!important;margin-bottom:16px!important}
.galeria{animation:fading 10s infinite}@keyframes fading{0%{opacity:0}50%{opacity:1}100%{opacity:0}}

/* Kártyák */
.row {
  width: 100%;  
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
}

.column {
  float: left;
  margin-bottom: 16px;
  padding: 12px 25px;
}

@media screen and (max-width: 1000px) {
  .column {
    width: 100%;
    display: block;
  }
}

.card {
  box-shadow: 5px 5px 5px 5px rgba(0, 0, 0, 0.3);
  width: 300;
  height: 470;
  background: #FFFFFF;
}

.container {
  padding: 0 16px;
}

.container::after, .row::after {
  content: "";
  clear: both;
  display: table;
}
