header {
	position: fixed;
	width: 100%;
	height: auto;
  }
  
  header nav ul {
	margin: 0;
	padding: 10px 10px;
	display: flex;
	justify-content: space-between;
	list-style: none;
  }
  
  header nav ul li {
	font-size: 14px;
  }
  
  header nav ul li a {
	color: #000000;
  }
  
  header nav ul li a:hover {
	color: #000000;
  }
  
  header.blur::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	-webkit-backdrop-filter: blur(10px);
			backdrop-filter: blur(10px);
	z-index: -1;
  }
  
  footer {
	position: fixed;
	bottom: 0;
	width: 100%;
  }
  
  footer ul {
	margin: 0;
	padding: 10px 10px;
	display: flex;
	justify-content: space-between;
	list-style: none;
  }
  
  footer ul li {
	font-size: 14px;
  }
  
  .main-container {
	width: 100vw;
	height: 100vh;
	display: flex;
	align-items: center;
	justify-content: center;
  }
  
  .main-container .chart-wrapper {
	width: 100% !important;
	height: 70% !important;
  }
  
  .project-container {
	padding: 120px 15px;
	display: flex;
  }
  
  .project-container .switch {
	position: fixed;
	top: 10px;
	left: 50%;
	transform: translateX(-50%);
  }
  
  .project-container .left {
	width: 35%;
	position: relative;
	top: unset;
	left: unset;
  }
  
  .project-container .right {
	width: 50%;
	margin-left: 5%;
  }
  
  .project-container .right img {
	width: 100%;
  }
  
  .project-container.isFixed .left {
	position: fixed;
	top: 55px;
  }
  
  .project-container.isFixed .right {
	margin-left: 40%;
  }
  
  .contentOverCotent {
	position: relative;
  }
  
  .contentOverCotent p,
  .contentOverCotent h1 {
	transition: 0.1s;
  }
  
  .contentOverCotent .greek,
  .contentOverCotent h1:last-child {
	position: absolute;
	top: 0;
	left: 0;
  }

.contentOverCotent:last-child {
    overflow-y: scroll; /* Enable vertical scrolling */
    scrollbar-width: none; /* Firefox */
    -ms-overflow-style: none; /* Internet Explorer 10+ */
	height: 81vh;
}

.contentOverCotent:last-child::-webkit-scrollbar {
    display: none; /* Chrome, Safari */
}