@charset "utf-8";

a {
  text-decoration: none;
  color: inherit;
}

a:visited {
  color: inherit;
}

a:hover {
  text-decoration: none;
  color: inherit;
}

a:active {
  color: inherit;
}

.menuitem a {
  text-decoration: none;
  color: #E2A600;
  font-weight: 400;        /* normal */
  transition: font-weight 0.15s ease;
}

.menuitem a:hover {
  font-weight: 700;        /* bold */
}



li {
  margin: 20px 0;
}


body {
  margin: 0px 0px 0 0px;
}

/* ===== STICKY HEADER ===== */

.topcontainer {
  position: sticky;
  top: 0;
  z-index: 100;

  width: 100%;
  max-width: 1870px;
  height: 100px;

  display: flex;
  justify-content: center;
  align-items: center;
}

/* Background banner */
.topbox {
  position: absolute;
  inset: 0;
  z-index: 1;
  width: 100%;
  max-width: 1882px;
  height: 100%;
  max-height: 90px;
  background-image: url("top.png");
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}

/* Centered logo */
.logo {
  position: relative;
  z-index: 3;
  width:100%;
  max-width: 100px;
  height: 100%;
  max-height: 100px;

  background-image: url("logo.png");
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}

/* Menu inside header */
.menu {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);

  left: 0;
  right: 0;

  display: flex;
  justify-content: space-evenly;
  align-items: center;

  padding: 0 40px;
  z-index: 2;
}


.menuitem {
  font-size: 15pt;
  font-weight: 700;
  font-family: "Century Gothic";
  color: #E2A600;
  white-space: nowrap;
  cursor: pointer;
}

/* ===== PAGE CONTENT ===== */

.homecontainer {
  width: 100%;
  max-width: 1840px;
  height: 100px;

  border: thick solid #920096;
  display: flex;
  justify-content: center;
  position: relative;

  background-image: url("box-bg.png");
  background-size: cover;
  background-position: center;
}

.hometexttitle {
  font-family: "Century Gothic";
  color: #420045;
  margin: 2px 10px 0px 10px;
  font-size: 20pt;
  position: absolute;
}

.webtexttitle {
  font-family: "Century Gothic";
  color: #420045;
  font-size: 30pt;
  position: absolute;
}

.hometextcontainer {
	width: 1800px;
	height: 70px;
	background-color: black;
	opacity: 85%;
	position: relative;
	margin: 30px 10px 0px 10px;
}

.hometext {
	width: 1770px;
	height: 260px;
	font-family: "Century Gothic";
	color: #9D00E3;
	margin: 35px 10px 0px 10px;
	font-size: 12pt;
	position: absolute;
	text-align: justify;
}

.infocontainer {
	width: 100%;
	max-width: 1840px;
	height: 700px;
	margin: 10px 0 5px 0;

	border: thick solid #920096;
	display: flex;
	justify-content: center;
	position: relative;

	background-image: url("box-bg.png");
	background-repeat: repeat;
	background-size: auto;
}

.infotextcontainer {
	width: 900px;
	height: 560px;
	background-color: black;
	opacity: 85%;
	position: relative;
	margin: 100px 10px 40px 10px;
}

.infotext {
	width: 800px;
	height: 500px;
	font-family: "Century Gothic";
	color: #9D00E3;
	margin: 110px 10px 5px 10px;
	font-size: 15pt;
	position: absolute;
	text-align: justify;
}

.webtitlecontainer {
  width: 100%;
  max-width: 1840px;
  height: 100px;
  margin: 40px 0 20px 0;

  border: thick solid #920096;
  display: flex;
  justify-content: center;
  position: relative;

  background-image: url("box-bg.png");
  background-size: cover;
  background-position: center;
}