.kerdes
{ font-family: 'Quicksand', sans-serif;
  font-size: 25px;
  color: red; 
}

A.valasz
{ color: darkred;
  text-decoration: none;
  padding: 0 8px 0 8px;
  font-size: 25px;
  font-family: 'Quicksand', sans-serif;
}

A.valasz:hover
{ color: black;
  text-decoration: none;
  font-family: 'Quicksand', sans-serif;
  font-size: 25px;
}

A.link
{ color: darkred;
  text-decoration: none;
  font-family: 'Quicksand', sans-serif;
  font-size: 25px;
  text-shadow: 2px 2px 4px red, 6px 6px 4px orange;
  animation: link_def 0.2s linear;
  line-height: 30px; 
}                                                                                              
                               
A.link:hover
{ color: black;
  text-decoration: none;
  font-family: 'Quicksand', sans-serif;
  font-size: 25px;
  text-shadow: 2px 2px 4px dimgray;
  animation: link_hover 0.2s linear;
}

A.link:active
{ font-size: 23px;
  animation: link_active 0.1s linear;
}

.jovalaszkiiras
{ color: lime;
  font-family: 'Quicksand', sans-serif;
  font-size: 25px; 
}
A.jovalasz
{ color: seagreen;
  text-decoration: none;
  font-family: 'Quicksand', sans-serif;
  font-size: 25px; 
}                              

A.jovalasz:hover
{ color: black;
  text-decoration: none;
  font-family: 'Quicksand', sans-serif;
  font-size: 25px; 
}

.rosszvalaszkiiras
{ color: red;
  font-family: 'Quicksand', sans-serif;
  font-size: 25px; 
}

A.rosszvalasz
{ color: firebrick;
  text-decoration: none;
  font-family: 'Quicksand', sans-serif;
  font-size: 25px; 
}

A.rosszvalasz:hover
{ color: black;
  text-decoration: none;
  font-family: 'Quicksand', sans-serif;
  font-size: 25px; 
}

A.b_link
{ color: #C80000;
  text-decoration: none;
  font-family: 'Quicksand', sans-serif;
  font-size: 35px;
  text-shadow: 2px 2px 4px orangered, 6px 6px 4px #DAA500;
  animation: b_link_def 0.2s linear;
  line-height: 40px;
}

A.b_link:hover
{ color: darkred;
  text-decoration: none;
  font-family: 'Quicksand', sans-serif;
  font-size: 35px;
  text-shadow: 2px 2px 4px dimgray;
  animation: b_link_hover 0.2s linear;
}

A.b_link:active
{ font-size: 33px;
  animation: b_link_active 0.1s linear;
}
 
.lenyegtelen
{ color: black;
  font-family: 'Quicksand', sans-serif;
  font-size: 5px;
}  

IMG.barna_kep
{ box-shadow: 2px 2px 4px red, 6px 6px 4px orange,  -2px 2px 4px red, -6px 6px 4px orange,  -2px -2px 4px red, -6px -6px 4px orange,  2px -2px 4px red, 6px -6px 4px orange;
  border-radius: 40px 0 40px 0;
}

hr.hr_barna
{ color: red;
  width: 500px;
  border: 5px solid red;
  border-radius: 6px 0 6px 0;
}

.hatterkep
{ background-image: url('https://www.publicdomainpictures.net/pictures/310000/nahled/bokeh-hintergrund-lichter-textur-1571914632Wn9.jpg');
  background-size: 300px 200px;
  width: 300px;
  height: 200px;
  text-align: center;
  font-family: 'Quicksand', sans-serif;
  font-size: 35px;
  line-height: 200px;
  color: white;
  text-shadow: 2px 2px 2px black;
}

.felhivas
{ text-shadow: 2px 2px 4px orange, 6px 6px 4px red,  -2px 2px 4px orange, -6px 6px 4px red,  -2px -2px 4px orange, -6px -6px 4px red,  2px -2px 4px orange, 6px -6px 4px red; 
  font-size: 50px;
  color: yellow;
  font-family: 'Quicksand', sans-serif;
} 

.bb_kiiras
{ color: #C80000;
  text-decoration: none;
  font-family: 'Quicksand', sans-serif;
  font-size: 50px;
  text-shadow: 2px 2px 4px orangered, 6px 6px 4px #DAA500;
}

span.no_bb_link
{ color: #C80000;
  font-family: 'Quicksand', sans-serif;
  font-size: 50px;
  text-shadow: 2px 2px 4px orangered, 6px 6px 4px #DAA500; 
  line-height: 55px;
  animation: bb_link_def 0.2s linear;
  cursor: no-drop;
}  

span.no_bb_link:hover
{ color: darkred;
  font-family: 'Quicksand', sans-serif;
  font-size: 50px;
  text-shadow: 2px 2px 4px dimgray;
  animation: bb_link_hover 0.2s linear;
}

span.no_bb_link:active
{ font-size: 48px;
  animation: bb_link_active 0.1s linear;
}

A.bb_link
{ color: #C80000;
  font-family: 'Quicksand', sans-serif;
  font-size: 50px;
  text-shadow: 2px 2px 4px orangered, 6px 6px 4px #DAA500; 
  text-decoration: none;
  line-height: 55px;
  animation: bb_link_def 0.2s linear;
} 

A.bb_link:hover
{ color: darkred;
  font-family: 'Quicksand', sans-serif;
  font-size: 50px;
  text-shadow: 2px 2px 4px dimgray;
  animation: bb_link_hover 0.2s linear;
  }

A.bb_link:active
{ font-size: 48px;
  animation: bb_link_active 0.1s linear;
}

A.rejtett_link
{ text-decoration: none;
  color: #bfbfbf;
}

A.rejtett_link:after
{ text-decoration: none;
  color: #bfbfbf;
  content: "Egy kis titok (ha látod nyomd meg a ctrl + shift + R)"
}

DIV.hely
{ margin: 1px;
}

A.link_
{ color: darkred;
  text-decoration: none;
  font-family: 'Quicksand', sans-serif;
  font-size: 25px;
  text-shadow: 2px 2px 4px red, 6px 6px 4px orange;
  animation: link_def 0.2s linear;
  line-height: 30px; 
}                                                                                              
                               
A.link_:hover
{ color: black;
  text-decoration: none;
  font-family: 'Quicksand', sans-serif;
  font-size: 25px;
  text-shadow: 2px 2px 4px dimgray;
  animation: link_hover 0.2s linear;
}

A.link_:active
{ font-size: 23px;
  animation: link_active 0.1s linear;
}

A.link_:before
{ content: "";
}

A.link_:after
{ content: "   -->";
}

.error
{ font-size: 30px;
}

@keyframes glowing 
{   0% { background-position: 0 0; }
    50% { background-position: 400% 0; }
    100% { background-position: 0 0; }
}



@keyframes bb_link_hover
{ 0% { text-shadow: 2px 2px 4px orangered, 6px 6px 4px #DAA500; color: #C80000; }
  100% { text-shadow: 2px 2px 4px dimgray; color: darkred; }
}

@keyframes bb_link_def
{ 0% { text-shadow: 2px 2px 4px dimgray; color: darkred; }
  100% { text-shadow: 2px 2px 4px orangered, 6px 6px 4px #DAA500; color: #C80000; }
}

@keyframes bb_link_active
{ 0% { font-size: 50px; }
  100% { font-size: 48px; }
}

@keyframes b_link_hover
{ 0% { text-shadow: 2px 2px 4px orangered, 6px 6px 4px #DAA500; color: #C80000; }
  100% { text-shadow: 2px 2px 4px dimgray; color: darkred; }  
}

@keyframes b_link_def
{ 0% { text-shadow: 2px 2px 4px dimgray; color: darkred; }
  100% { text-shadow: 2px 2px 4px orangered, 6px 6px 4px #DAA500; color: #C80000; }  
}

@keyframes b_link_active
{ 0% { font-size: 35px; }
  100% { font-size: 33px; }  
}

@keyframes link_hover
{ 0% { text-shadow: 2px 2px 4px red, 6px 6px 4px orange; color: darkred; }
  100% { text-shadow: 2px 2px 4px dimgray; color: black; }  
}

@keyframes link_def
{ 0% { text-shadow: 2px 2px 4px dimgray; color: black; }
  100% { text-shadow: 2px 2px 4px red, 6px 6px 4px orange; color: darkred; }  
}

@keyframes link_active
{ 0% { font-size: 25px; }
  100% { font-size: 23px; }  
}