:root {
  --bg-1: #FDDED4;
  --bg-2: #FFFFFF;
  --title-1: #803813;
  --title-2: #669188;
  --text-1: #2F231A;
  --text-2: #803813;
}

@font-face {
  font-family: Cinzel;
  src: url(Cinzel-VariableFont_wght.ttf);
}

@font-face {
  font-family: EBGaramond;
  src: url(EBGaramond-VariableFont_wght.ttf);
}

/* Navigáció: */
.topnav {
  overflow: hidden;
  background-color: var(--bg-2);
  position: relative;
}

/* A logo kivételével a linkek eltüntetése: */
.topnav #smallmenu {
  display: none;
}

/* A menü linkek dizájnolása: */
.topnav a {
  color: var(--title-1);
  padding: 14px 16px;
  text-decoration: none;
  font-size: 17px;
  display: block;
	font-family: Cinzel;
}

/* Hamburger menü dizájnolása: */
.topnav button.icon {
  background: var(--bg-2);
  display: block;
  position: absolute;
  right: 0;
  top: 0;
	font-size: 40px;
	color: var(--title-1);
	border: none;
}

/* Egérmutató, ha a link fölött van: */
.topnav a:hover {
  color: var(--title-2);
}

/* Aktív link: */
.active {
  color: var(--title-1);
	font-weight: bold;
}