.topbar {
  position: absolute; /* Set the position to fixed */
  top: 0; /* Position the top bar at the top of the page */
  left: 0; /* Position the top bar at the left of the page */
  width: 100%; /* Set the width to 100% */
  height: 90px; /* Set the height of the top bar */
  background-color: #649CEC; /* Set the background color */
  color: #000000; /* Set the text color */
  padding: 0px; /* Add padding */
  box-sizing: border-box; /* Include padding in the width and height */
  z-index: 999; /* Set the z-index to ensure it appears above other content */
}

/*
.sidenav {
  height: 100%;
  width: 160px; /* Set the width of the sidebar /
  position: absolute; /* Fixed Sidebar (stay in place on scroll) /
  z-index: 2; /* Stay on mid /
  top: 50px; /* Move the sidebar down by 50 pixels /
  left: 0;
  background: linear-gradient(to bottom, #8BBBFF 0%, #7B9BDF 10%, #5C6CA7 50%, #3B5998 66%);
  overflow-x: hidden; /* Disable horizontal scroll /
  padding-top: 20px;
  text-align: center;
} */

.main{
	font-family: Segoe UI, Arial, sans-serif;
	max-width: 600px;
}

.topbar a {
  float: left;
  color: #0C3E85;
  vertical-align: middle;
  text-align: left;
  text-decoration: none;
  padding: 20px;
  font-size: 17px;
	font-family: Segoe UI, Arial, sans-serif;
}


.invishl {
  float: left;
  color: #0C3E85;
  vertical-align: middle;
  text-align: left;
  text-decoration: none;
  padding: 20px;
  font-size: 17px;
	font-family: Segoe UI, Arial, sans-serif;
}	
.btn {
  border: none;
  background-color: inherit;
  font-size: 16px;
  cursor: pointer;
  display: inline-block;
  position: fixed;
  width: 100px; /* set a fixed width */
  height: 40px; /* set a fixed height */
  line-height: 40px; /* set line-height equal to the height for vertical centering */
  text-align: center; /* center the text horizontally */
  text-align: middle;
}

.dbllst {
    columns: 2;
}

    .banner {
    background-color: #649CEC;
    padding: 10px;
    margin-bottom: -10px;
    margin-top: 20px;
    }

/* On mouse-over */
.btn:hover {
  background: #336EC9;
  top: 10;
}

		h2 {
			text-align: center;
			margin-top: 50px;
			font-size: 28px;
			font-weight: bold;
			color: #333;
		}

		.bio {
			display: flex;
			flex-direction: column;
			align-items: center;
			margin-top: 50px;
			border: 1px solid #ccc;
			padding: 20px;
			max-width: 800px;
		}
		
		.bioctnr {
			max-width: 600px;
			margin: 0 auto;
			padding: 10px;	
		}

		.bio img {
			border-radius: 50%;
			width: 200px;
			height: 200px;
			margin-bottom: 20px;
		}

		.bio h3 {
			font-size: 24px;
			font-weight: bold;
			color: #333;
			margin-bottom: 10px;
		}

		.bio p {
			font-size: 16px;
			line-height: 1.5;
			color: #666;
			text-align: justify;
			margin-bottom: 10px;
		}

		.bio .title {
			font-weight: bold;
			color: #333;
			margin-bottom: 5px;
		}

	.subtitle {
		font-weight: bold;
		color: #333;
		margin-bottom: 5px;
		text-align: center;
	font-family: Segoe UI, Arial, sans-serif;
	}
	body {
	font-family: Segoe UI, Arial, sans-serif;
	margin: 0 auto;
	padding: 20px;
	line-height: 1.5;
	background-color: #FCFDFF;
	margin: 0;
	padding: 0;
	}
	
	h1 {
	font-size: 34px;
	margin-bottom: 20px;
	}
	
	p {
	margin-bottom: 20px;
	font-size: 20px;
	}
	
	li {
	margin-bottom: 5px;
	margin-top: -10px;
	font-size: 20px;
	}