html, body {
	margin:0px; padding:0px; 
	background:#9F89B6;
	position:relative; 
}
body {
	text-align:left;
}
#container {
	position:relative; 
	display:block; 
    background:#ffec97;
}
#inner {
	display:block;
	position:relative;
	padding:1px;
}
#center {
	margin-left:0px;
	position:relative; 
	display:block;
	height:1%;
}
.clear {
	clear:both;
}
.foot {
	display:block;
	padding:10px;
    text-align:center;
}
  h2 {
    padding-left: 80px;
}
  table {
    padding-left: 20px; 
    padding-right: 10px;
}
  tr, td {
    text-align:center;
  }
.header {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 20px;
	background: #9f89b6;
	position: relative;
}
.hamburger {
	display: none;
	background: none;
	border: none;
	font-size: 36px;
	cursor: pointer;
	order: 1;
}
.nav {
	display: flex;
	gap: 25px;
}
.nav a {
	text-decoration: none;
	color: #333;
    font-weight: 600;
}
@media (max-width: 768px) {
	.hamburger {
		display: block;
		z-index: 1001;
	}
	.nav {
		position: fixed;
		top: 0;
		right: -100%;
		width: 80%;
		height: 100vh;
		background: #f2f2f2;
		transition: right 0.3s;
		z-index: 1000;
		flex-direction: column;
		gap: 12px;
		padding: 24px 20px 20px;
	}
	.nav.active {
		right: 0;
	}
	.nav a {
		padding: 10px;
	}
}