/* 1. Betűtípus importálása a Google-ről */
@import url('https://fonts.googleapis.com/css2?family=Patrick+Hand&display=swap');

body { 
  margin:0; 
  padding:0; 
  background: #004d2b url("bg.jpg") top left repeat-y;
  
  font-family: 'Patrick Hand', cursive;
  color: #A2D149;						/* alcím: Világoszöld */
  font-size: 13px;		/* 1pt=1.333px > h1 20pt:27px, h2 14pt:19px, h3 12pt:16px, normál 10pt:13px */
  line-height: 1.2; 
}
/* #id: egyedi azonosító <-> .class: több helyen használható */
#page { 
  width: 698px; 
  margin: 0; 			/* ha nem lehhe bg.jpg háttér, akkor érdemes középre igazítani: margin: 0 auto; */
  background: #004d2b;	/* British Racing Green */
  overflow: hidden; 	/* Hogy ne lógjon ki a textúra */
  position: relative; 	/* Ez a horgony a mintázatnak */
}
#page::after {
    content: "";
    position: absolute;
    top: 0; left: 0; right: 0; bottom: 0;
    
    background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E");
    
    opacity: 0.15; 		/* Itt szabályozhatod, mennyire legyen "koszos" a szöveg */
    pointer-events: none; /* Fontos: így át lehet kattintani rajta a linkekre! */
    z-index: 10;
}  

h1 { margin:8px; font-size:24px; 
  color:#F1D302; 						/* főcím: Napsárga */
  text-shadow: 1px 1px 2px rgba(0,0,0,0.3);}
h2 { margin:12px; padding-left:16pt; font-size:19px; 
  color:#F1D302;
  solid #F1D302; border-left:16px }
h3 { margin:10px; font-size:16px; }
a { color:#E8E8E8; transition: 0.3s;}	/* linkek: kréta(világos szürke) */
a:hover { color:#F5F5F5; }				/* törtfehér */
img { border:none; }
p { margin:5px; 
  color: rgba(232, 232, 232, 0.92);}
header {background-color: #00331d; }  	/* table header: sötétebb zöld */
  
.kreta {color:#E8E8E8;}					/* világos szürke */
.sum {color:#FF8674; font-weight:bold; }/* korall-narancs */
.warn { margin:15px; padding:5px; 
  color:#FF8674; 						/* achtung: korall-narancs */
  background-color:#005d3b; 			/* alapnál világosabb */
  border-left:3px solid #FF8674; }
.foot { margin:0; font-size:8pt; text-align:center; 
  background-color:#005d3b; } 			/* alapnál világosabb */

/* ul: unordered list (head menüben) */
ul.menu { margin:0 10px 0 10px; padding:0;	
  color:#A2D149; 						/* ???: Világoszöld */
  list-style:none; }
ul.menu li { display:inline; margin:0 3px 0 3px; padding:0; }
ul.menu li a, ul.menu li a:link { 
  color:#A2D149; 						/* Világoszöld */
  text-decoration:none; }
ul.menu li a:hover { 
  color:#FF0000; 						/* értéke #B2F159 volt. mi ez???? */
  text-decoration:none; }

/* head login mezői */
fieldset { border:none; text-align:right; }
input[type="text"]     { margin:3px; border:1px solid #888; background:#eee; color:#000; }
input[type="password"] { margin:3px; border:1px solid #888; background:#eee; color:#000; }

/* ezeket nem tudom, lehet feleslegesek */
.tc { text-align:center; }
.hidden { display:none; }
.lbox { width:45%; float:left; margin:0; padding:5px; }
.rbox { width:45%; float:right; margin:0; padding:5px; }