.menu-bar {
	display: flex;
	justify-content: center;
	background-color: #333;
	height: 50px;
	padding: 10px;
  }
  
  .menu-item {
	color: white;
	font-size: 18px;
	text-decoration: none;
	margin: 0px 20px;
	padding: 5px 10px;
  }

  .options {
	display: flex;
	justify-content: center;
	margin-bottom: 30px;
  }
  
  #showCsv,
  #hideCsv {
	font-size: 16pt;
	font-weight: bold;
	padding: 10px 20px;
	border: none;
	border-radius: 20px;
	cursor: pointer;
	margin-right: 20px;
  }
  
  #showCsv {
	background-color: #9bd8c9;
	color: #fff;
  }
  
  #showCsv:hover {
	background-color: #85c5b9;
  }
  
  #showCsv:active {
	background-color: #5c9687;
  }
  
  #hideCsv {
	background-color: #f9b5c8;
	color: #fff;
	display: none;
  }
  
  #hideCsv:hover {
	background-color: #ed8fa9;
  }
  
  #hideCsv:active {
	background-color: #b45566;
  }
  
  #tableContainer {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
  }
  
  table {
	margin: 20px;
  }
  
  table caption {
	font-size: 16pt;
	font-weight: bold;
	margin-bottom: 10px;
  }

  table {
	border-collapse: collapse;
	margin: 10px;
  }
  
  th,
  td {
	border: 1px solid black;
	padding: 8px;
	text-align: center;
  }

  th {
	background-color: #f2f2f2;
  	border: 1px solid black;
  }

  tr:nth-child(odd) {
	background-color: #f9f9f9;
  }
  
  .true-data th {
	background-color: #d6f0c2;
  }
  
  .fake-data th {
	background-color: #f9c1c7;
  }
  
  .gray-header th {
	background-color: #cfcfcf;
  }
  
  th:first-child,
  td:first-child {
	border-left: none;
  }
  
  th:last-child,
  td:last-child {
	border-right: none;
  }
  
  thead {
	background-color: #f2f2f2;
  }
  
  thead th {
	font-weight: bold;
	font-size: 18px;
	text-align: center;
  }
  
  tbody th {
	font-weight: bold;
	text-align: center;
	border-top: 1px solid black;
  }
  
  tbody tr:first-child th {
	border-top: none;
  }
  
  #tableContainer {
	display: flex;
	justify-content: center;
  }
  
  
  .menu-bar {
	display: flex;
	justify-content: center;
	background-color: #333;
	height: 50px;
	padding: 10px;
  }
  
  .menu-item {
	color: white;
	font-size: 18px;
	text-decoration: none;
	margin: 0px 20px;
	padding: 5px 10px;
  }
  
  .options button {
	margin: 10px;
	padding: 10px 20px;
	border: none;
	border-radius: 0;
	font-size: 16pt;
	font-weight: bold;
	cursor: pointer;
  }
  
  #option1 {
	background-color: #ffa7a7;
	color: #333;
  }
  
  #option1:hover {
	background-color: #fc8888;
  }
  
  #option1:active {
	background-color: #fc8888;
  }
  

  #option2 {
	background-color: #f9e3a4;
	color: #333;
  }
  
  #option2:hover {
	background-color: #fbda82;
  }
  
  #option2:active {
	background-color: #fbda82;
  }


  #option3 {
	background-color: #b8e0fc;
	color: #333;
  }
  
  #option3:hover {
	background-color: #95d0fa;
  }
  
  #option3:active {
	background-color: #95d0fa;
  }
  
  .options {
	display: flex;
	justify-content: center;
	margin-bottom: 30px;
  }

  .image {
	display: flex;
	justify-content: center;
	align-items: center;
	flex-wrap: wrap;
  }
  
  .image img {
	max-width: 100%;
	max-height: 300px;
	margin: 10px;
  }
  
  .image h3 {
	font-size: 24px;
	text-align: center;
	margin-top: 50px;
  }
  
  .image img {
	width: auto;
	max-height: 100%;
  }

  li img {
	cursor: pointer;
  }
  

  .example-news {
	border: 1px solid #ccc;
	background-color: #f5f5f5;
	padding: 20px;
	margin-bottom: 20px;
	border-radius: 5px;
  }