body {
  font-family: Arial, sans-serif;
  margin: 0;
  height: 100vh; /* Set the height of the container to the full viewport height */
  width: 100vw;
  display: flex; /* Use flexbox to align the top and bottom parts */
  flex-direction: column; /* Arrange the top and bottom parts in a column */
}

header {
	height: 8vh; /* Set the height of the top part to 100 pixels */
    display: flex; /* Use flexbox to center the text vertically */
    justify-content: center; /* Center the text horizontally */
    align-items: center; /* Center the text vertically */
	background-color: #333;
    color: #fff;
}

.logo-title{
font-size: 36px;
font-weight: bold;
color: #fff;	
}

main {
	flex: 1; /* Allow the bottom part to grow and take up the remaining space */
    overflow-y: auto; /* Add vertical scrolling to the bottom part if needed */
    padding: 20px 4%; /* Add padding top and bottom 20px, and left and right 4% percent, to have scrolling bar on the right */
	margin: 10px auto;  /* Add Margin 40px on top and bottom, and auto: center content horizontaly to the middle  */
 /*   margin-top: 40px;
	margin-bottom: 40px;*/
	width: 90vw;    /* wide 90% of wiev size */

/*   padding: 0 20px;   */
}

.widetext{
	/* Define max width of text to be smaller width on desktop amd full width on Mobiles */
    max-width: 960px;
	min-width: 50%;
	margin: 0px auto;  /* Add Margin 0px on top and bottom, and auto: center content horizontaly to the middle  */	
	
}

nav {
  /* Set the height of the top part to 100 pixels */
  display: flex;
  justify-content: center;
  margin: 0 auto;
  /*max-width: 960px; */
}

nav ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
  font-size: 30px;
}

nav li {
  display: inline-block;
  margin-right: 30px;
}

nav a {
  color: #fff;
  text-decoration: none;
}
nav a:hover {
  color: #1E90FF;
  text-decoration: underline;
}

a {
  color: #1E90FF;
  text-decoration: none;
}

a:hover {
  text-decoration: underline;
}

h1 {
  font-size: 36px;
  margin-bottom: 20px;
}

p {
  font-size: 18px;
  line-height: 1.5;
  margin-bottom: 20px; 
}