:root {
	--main_bg: rgb(6, 5, 104);
	--sec_bg: rgb(29, 26, 85);
	--accent: rgb(9, 2, 221);
	--main_tx: rgb(251, 241, 208);
	--sec_tx: rgb(164, 179, 174);

	
	--tx_s: 0.96em;
	--br: 0.58em;


	
}

header, body {
	background: var(--main_bg);
	color: var(--main_tx);
	font-size: var(--tx_s);

	font-family: "Helvetica Neue";

	font-weight: 300;
	text-align: justify;
	}
	
table,thead,tbody,tr,td,th {
	border-collapse: collapse;
	border-spacing: 0;
	color: var(--main_tx) !important;
	border-width: 0.1em;
	border-color: var(--main_tx);
	padding: 0.3em;
	margin: 0.5em auto;
	text-align: left;
}

/* The navigation bar */
.navbar {
	overflow: hidden;
	background-color: var(--sec_bg);
	position: fixed; /* Set the navbar to fixed position */
	top: 0; /* Position the navbar at the top of the page */
	width: 100%; /* Full width */
	left: 0;
	padding-bottom: 0.2em;
	height: calc(var(--tx_s) * 3 + 4em);
}

.nav1 {
	position: fixed; 
	width: 90vw; 
	top: calc(var(--tx_s) * 3 + 1em);
}

.nav2 {
	position: fixed; 
	width: 90vw; 
	top: calc(var(--tx_s) * 3 + 2em);
}


/* The footer */
.footer {
	overflow: hidden;
	background-color: var(--sec_bg);
	color: var(--sec_tx);
	position: fixed; /* Set the navbar to fixed position */
	bottom: 0; /* Position the navbar at the top of the page */
	width: 100%; /* Full width */
	left: 0;
	padding: 1em;
	font-size: calc(var(--tx_s) * 0.8);
	text-align: center;
}

/* Links inside the navbar */
.navbar a {
	float: left;
	display: block;
	color: var(--main_tx);
	text-align: center;
	padding: 0.5em;
	margin-top: 0.5em;
	text-decoration: none;
}

/* Change background on mouse-over */
.navbar a:hover {

	color: var(--sec_tx);
}

/* Main content */
.main {
	margin-top: calc(var(--tx_s) * 5);
	margin-bottom: 1em; /* Add a top margin to avoid content overlay */
	background: var(--main_bg);
	color: var(--main_tx);
}

.but {
	border: 0.1em solid var(--accent);
	border-radius: var(--br);
	color: var(--accent) !important;
	background: var(--main_bg);
	width: 40vw;
}

.butbar {
	padding: 0.2em;
	float: right;
	position: fixed; 
	width: 50vw; 
	height: calc(var(--tx_s) * 3 + 1em);
	top: 0; 
	right:0;
}

.logo {
	max-height: calc(var(--tx_s) * 3);
	max-width: 20vw;
	padding: 0.2em;
	text-align: center;
}

.logoline {
	position: fixed; 
	width: 50vw; 
	height: calc(var(--tx_s) * 3 + 1em);
	top: 0;
}

.tximg {
	max-width: 80vw;
}