body {
  margin: 0;  
  background-color: #a2d124;  
}

tbody {color: #5A040C;}

input[type=text]
{
    width: 90%;
    height: 28px;
    font-size: 24px;
}

.navigation ul {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}

.navigation ul li {
  flex: 1 1 120px;
  margin: 5px;
}

.navigation ul li a {
  text-align: center;
  padding: 10px 0;
  display: block;
  
  background-color: #2EC27E;
  color: #0C3E79;  
    
  text-decoration: none;
  border: 6px solid #333;
  border-radius: 40%;
}

.navigation li a.active {
  background-color: #4CAF50;
  color: #af4cac;
}

.navigation li a:hover:not(.active) {
  background-color: #ffd165;
  color: #af4cac;
}

#limnL  {
 float: left;    
 margin: 0 15px 0 0;
}

#limnR  {
 float: right;    
 margin: 0 0 0 15px;
}     

.pictab {
  width: 100%;
  border-collapse: separate;
  border-spacing: 8px;         
}

.pictab td {
  padding: 0;                  
  border: 0;                   
  font-size: 12px; text-align:center; 
}
      
#extra{ background:#7d9955;
   clear:left;
   width:100%;
}

.button {  
  color: #0C3C79;
  background: #14a73e;
  background: linear-gradient(to bottom,rgba(20, 167, 62, 1) 0%,rgba(102, 247, 113, 1) 100%);
  border: 6px solid #333;  
  border-radius: 20em;
  padding: 15px 32px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;
  margin: 4px 2px;
  cursor: pointer;
}

 .button:hover {
  background-color: #145737;
  color: #F8DE0C;   
 }

#content {
  color: #550B0B;
  padding:1px 16px;
  background:#fffd65;
  background-image: url(kep/zold.png);
}

#content h1 {  
  color: #800;  
}

#content h2 {  
  color: #800;  
}
#content h3 {  
  color: #800;  
}

.elink {
   color: #000;
   background-color: #777;
}   

.footlink {
   color: #ffff00; 
   text-decoration: underline; 
   font-weight: bold;
} 
.footlink a:hover {
    color: #ffffff;
}  

.mtab {
  border-spacing: 8px;         
  border: 1px solid black;
}

.mtab td {
  border: 1px solid black;
  border-collapse: collapse;
}

#arak {
  font-family: Arial, Helvetica, sans-serif;
  border-collapse: collapse;
  width: 100%;
}

#arak td, #arak th {
  border: 1px solid #ddd;
  padding: 8px;
}

#arak tr:nth-child(even){
   background-color: #fffd65;
}

#arak tr:hover {background-color: #ddd;}

#arak th {
  padding-top: 12px;
  padding-bottom: 12px;
  text-align: left;
  color: #000000;
  background-color: #81CC89;
}

#arak td:nth-child(2), 
#arak th:nth-child(2) {
  text-align: right;
}

#lcontent {
  color: #550B0B;
  padding:1px 16px;
  background:#a2d124;
}

#lcontent h1 {  
  color: #800;  
}

#lcontent h2 {  
  color: #800;  
}

.smalltxt {
    font-size: 12px;    
}

iframe
{ 
    height:100px;
    width:100%;
    border:none;
}

.buttons2 {
  display: flex;
  gap: 8px;
  align-items: center;
}

.buttons2 form {
  margin: 0;
}

#footer {
  background-color: #555;
  color: white;
  display: flex;
  justify-content: space-between;      
  align-items: center;
} 

.fbtn {
      background: #f1f5f9;
      border: 1px solid #cbd5e1;
      border-radius: 20px;
      padding: 2px 4px;
      cursor: pointer;
      transition: all 0.2s;
    }
.fbtn:hover {
      background: #e2e8f0;
}
.ficon {
      width: 20px;      
      fill: #475569;
}
.fcount {
      font-weight: 600;
      color: #334155;
}