@media (max-width: 2800px) {
	html{

		float: center;
		scroll-behavior: smooth;
	}

	body{

		
		background-color:rgba(20, 20, 20, 0.7);
		float: center;
		margin: 2%;	
		
	/*  	overflow-y: scroll	;*/
	  	padding-top: 0%;
	  	scroll-behavior: smooth;
	  	overflow-x: hidden ;
	  	overflow-y: hidden;
	  	padding-bottom: 50px	 ;


	}

	.video-container{
	  width: 100vw;
	  height: 100vh;
	}

	#myVideo {
	  position: fixed;
	  right: 0;
	  bottom: 0;
	  min-width: 100%;
	  min-height: 100%;
	}

	/* width */
	::-webkit-scrollbar {
	  width: 10px;
	}

	/* Track */
	::-webkit-scrollbar-track {
	  background:rgba(10, 10, 10, 1);
	}

	/* Handle */
	::-webkit-scrollbar-thumb {
	  background: rgba(230, 230, 230, 1);
	}

	/* Handle on hover */
	::-webkit-scrollbar-thumb:hover {
	  background: rgba(255, 255, 255, 1);
	}



	h1{
		
		

	}

	.openTitle{


		padding-top: 25vh;			  	
	  	padding-left: 20%;  	
	  	position: relative;
	  	float: center;
		color: white;
		margin-bottom: 27vh;
		font-size: 4vw;
	}

	.header{
		
		
					  	
	  	margin-top:0 vh; 	
	  	position: relative;
	  	margin-left: 45vw;
	  	float: center;
		color: white;
		z-index: 1;
		transform: translate(-2vw,-4.5vw);
		transition: 1s;
		font-size: 2vw ;
	}



	#brain{

		float: center;
		size: 40%;
		image-rendering: pixelated ;
		width: 10%;
		height: auto;
		background-color: black;
		position: absolute;
		
		z-index: 1;
		transform: rotate(180deg);
		transform: translate(5vw,-1vw);
		transition: 1s;

	}

	.header:hover{
		transform: translate(-2vw,-6vw);
		font-size: 2vw ;
	}


	#brain:hover{
		
		
	}


	a{
		text-decoration: none;
		color: rgba(255, 255, 255, 1);
	}

	a:visited		{
		text-decoration: none;
		color: rgba(255, 255, 255, 1);
	}




	p{
		padding: 5%;
		background-color: #000000;
	}


	.custom-shape-divider-bottom-1669636988 {
	    position: relative;
	    bottom: 0;
	    left: 0;
	    width: 89%;
	    overflow: hidden;
	    line-height: 0;
	    transform: rotate(180deg);
	    
	    margin-left: 6% ;
	}


	.menu{
		margin-top: 0%;
		margin-left: 6% ;
		margin-bottom: 2vw;
		transform: translate(00vw,-5vh);
	  	width: 30%;	
	  	height: 80%;	  	
	  	
	  	background-color:rgba(0, 0, 0, 1);
	  	position: absolute;
	  	float: left;  	
	  	padding-left: 5%;
	  	font-family: 'Major Mono Display', monospace;
		
		color: rgba(255, 255, 255, 1);
	  	scroll-behavior: smooth;
	  	overflow: hidden;
	}

	.menu:hover{

	  	
	  	
	}

	.menu-items{
		color: rgba(255, 255, 255, 0);
		font-family: 'Major Mono Display', monospace;
		margin-top: 15vw;

	}

	#menu-items:hover ~ #menu-background-pattern {
	  background-size: 5vmin 5vmin;
	  opacity: 0.5;
	}

	#menu-items:hover ~ #menu-background-image {
	  background-size: 100vmax;
	  opacity: 0.1;
	}

	#menu-items:hover > .menu-item {
	  opacity: 0.3;
	}

	#menu-items:hover > .menu-item:hover {
	  opacity: 1; 
	  background-color: rgba(1, 1, 1, 1);
	}

	.menu-item {
	  color: white;
	  cursor: pointer;
	  display: block;
	  font-family: 'Major Mono Display', monospace;
	  font-size: clamp(2.4rem, 1vw, 1rem);
	  margin-left: 5vw;
	  margin-top: 0vw;
	  padding: 10%;
	  text-decoration: none;
	  transition: opacity 400ms ease;
	}


	#menu-background-pattern {
	  background-image: radial-gradient(
	    rgba(255, 255, 255, 0.1) 9%, 
	    transparent 0%
	  );
	  background-position: 0% 0%;
	  background-size: 1vmin 1vmin;
	  height: 100%;
	  left: 0px;
	  position: absolute;
	  top: 0px;
	  transition: opacity 800ms ease, 
	    background-size 800ms ease,
	    background-position 800ms ease;
	  width: 100%;
	  z-index: 1;
	}



	.wrapper{
		
		margin-top: 0%;
		margin-left: 40%;
	  	transform: translate(00vw,-5vh);
	  	width: 51%;		  	
	  	
	  	height: 80%;
	  	position: absolute;
	  	float: center;
	  	background-color:rgba(0, 0, 0, 1);
	  	overflow-x: scroll;
	  	overflow-y: scroll	;
		scroll-behavior: smooth;
	  	padding: 200vim;


	}

	.mainInfo{
		margin-left: 10%;
		margin-right: 10%;
		margin-top:0% ;
		margin-bottom: 0% ;
		position: relative;
		
		opacity: 10;
		background-color: #000000 ;
		color: white;
		text-align: justify;
		padding: 5%;
	}

	#page2.mainInfo{
		background-color: #444444 ;
	}

	.custom-shape-divider-top-1669467479 {
	    
	    margin-top: -2%;
	    margin-left: 10%;
		margin-right: 10%;
		opacity: 1;
	    
		margin-bottom: 0% ;
	    overflow: hidden;
	    line-height: 0;
	    background-color: #444444;
	}
}




/*max-width: 720px*/






@media (max-width: 720px) {
	html{

		float: center;
		scroll-behavior: smooth;
	}

	body{

		
		background-color:rgba(20, 20, 20, 0.7);
		float: center;
		margin: 2%;	
		
	/*  	overflow-y: scroll	;*/
	  	padding-top: 0%;
	  	scroll-behavior: smooth;
	  	overflow-x: hidden ;
	  	overflow-y: hidden;
	  	padding-bottom: 50px	 ;


	}

	.video-container{
	  width: 100vw;
	  height: 100vh;
	}

	#myVideo {
	  position: fixed;
	  right: 0;
	  bottom: 0;
	  min-width: 100%;
	  min-height: 100%;
	}

	/* width */
	::-webkit-scrollbar {
	  width: 10px;
	}

	/* Track */
	::-webkit-scrollbar-track {
	  background:rgba(10, 10, 10, 1);
	}

	/* Handle */
	::-webkit-scrollbar-thumb {
	  background: rgba(230, 230, 230, 1);
	}

	/* Handle on hover */
	::-webkit-scrollbar-thumb:hover {
	  background: rgba(255, 255, 255, 1);
	}



	h1{
		
		

	}

	.openTitle{


		padding-top: 25vh;			  	
	  	padding-left: 20%;  	
	  	position: relative;
	  	float: center;
		color: white;
		margin-bottom: 70vh;
		font-size: 4vw;
	}


	.header{
		
		
					  	
	  	margin-top:0 vh; 	
	  	position: relative;
	  	margin-left: 45vw;
	  	float: center;
		color: white;
		z-index: 1;
		transform: translate(-2vw,-4.5vw);
		transition: 1s;
		font-size: 2vw ;
	}



	#brain{

		float: center;
		size: 40%;
		image-rendering: pixelated ;
		width: 10%;
		height: auto;
		background-color: black;
		position: absolute;
		
		z-index: 1;
		transform: rotate(180deg);
		transform: translate(5vw,-1vw);
		transition: 1s;

	}

	.header:hover{
		transform: translate(-2vw,-6vw);
		font-size: 2vw ;
	}


	#brain:hover{
		
		
	}


	a{
		text-decoration: none;
		color: rgba(255, 255, 255, 1);
	}

	a:visited		{
		text-decoration: none;
		color: rgba(255, 255, 255, 1);
	}




	p{
		padding: 5%;
		background-color: #000000;
	}


	.custom-shape-divider-bottom-1669636988 {
	    position: relative;
	    bottom: 0;
	    left: 0;
	    width: 89%;
	    overflow: hidden;
	    line-height: 0;
	    transform: rotate(180deg);
	    
	    margin-left: 6% ;
	}


	.menu{
		margin-top: 0%;
		margin-left: 6% ;
		margin-bottom: 2vw;
		transform: translate(00vw,-5vh);
	  	width: 30%;	
	  	height: 80%;	  	
	  	
	  	background-color:rgba(0, 0, 0, 1);
	  	position: absolute;
	  	float: left;  	
	  	padding-left: 5%;
	  	font-family: 'Major Mono Display', monospace;
		
		color: rgba(255, 255, 255, 1);
	  	scroll-behavior: smooth;
	  	overflow: hidden;
	}

	.menu:hover{

	  	
	  	
	}

	.menu-items{
		color: rgba(255, 255, 255, 0);
		font-family: 'Major Mono Display', monospace;
		margin-top: 15vw;

	}

	#menu-items:hover ~ #menu-background-pattern {
	  background-size: 5vmin 5vmin;
	  opacity: 0.5;
	}

	#menu-items:hover ~ #menu-background-image {
	  background-size: 100vmax;
	  opacity: 0.1;
	}

	#menu-items:hover > .menu-item {
	  opacity: 0.3;
	}

	#menu-items:hover > .menu-item:hover {
	  opacity: 1; 
	  background-color: rgba(1, 1, 1, 1);
	}

	.menu-item {
	  color: white;
	  cursor: pointer;
	  display: block;
	  font-family: 'Major Mono Display', monospace;
	  font-size: clamp(2.4rem, 1vw, 1rem);
	  margin-left: 5vw;
	  margin-top: 0vw;
	  padding: 10%;
	  text-decoration: none;
	  transition: opacity 400ms ease;
	}


	#menu-background-pattern {
	  background-image: radial-gradient(
	    rgba(255, 255, 255, 0.1) 9%, 
	    transparent 0%
	  );
	  background-position: 0% 0%;
	  background-size: 1vmin 1vmin;
	  height: 100%;
	  left: 0px;
	  position: absolute;
	  top: 0px;
	  transition: opacity 800ms ease, 
	    background-size 800ms ease,
	    background-position 800ms ease;
	  width: 100%;
	  z-index: 1;
	}



	.wrapper{
		
		margin-top: 0%;
		margin-left: 40%;
	  	transform: translate(00vw,-5vh);
	  	width: 51%;		  	
	  	
	  	height: 80%;
	  	position: absolute;
	  	float: center;
	  	background-color:rgba(0, 0, 0, 1);
	  	overflow-x: scroll;
	  	overflow-y: scroll	;
		scroll-behavior: smooth;
	  	padding: 200vim;


	}

	.mainInfo{
		margin-left: 10%;
		margin-right: 10%;
		margin-top:0% ;
		margin-bottom: 0% ;
		position: relative;
		
		opacity: 10;
		background-color: #000000 ;
		color: white;
		text-align: justify;
		padding: 5%;
	}

	#page2.mainInfo{
		background-color: #444444 ;
	}

	.custom-shape-divider-top-1669467479 {
	    
	    margin-top: -2%;
	    margin-left: 10%;
		margin-right: 10%;
		opacity: 1;
	    
		margin-bottom: 0% ;
	    overflow: hidden;
	    line-height: 0;
	    background-color: #444444;
	}
}

/*max-width: 600px*/

@media (max-width: 600px) {

html{

		float: center;
		scroll-behavior: smooth;
	}

	body{

		
		background-color:rgba(20, 20, 20, 0.7);
		float: center;
		margin: 2%;	
		
	/*  	overflow-y: scroll	;*/
	  	padding-top: 0%;
	  	scroll-behavior: smooth;
	  	overflow-x: hidden ;
	  	overflow-y: hidden;
	  	padding-bottom: 50px	 ;


	}

	.video-container{
	  width: 100vw;
	  height: 100vh;
	}

	#myVideo {
	  position: fixed;
	  right: 0;
	  bottom: 0;
	  min-width: 100%;
	  min-height: 100%;
	}

	/* width */
	::-webkit-scrollbar {
	  width: 10px;
	}

	/* Track */
	::-webkit-scrollbar-track {
	  background:rgba(10, 10, 10, 1);
	}

	/* Handle */
	::-webkit-scrollbar-thumb {
	  background: rgba(230, 230, 230, 1);
	}

	/* Handle on hover */
	::-webkit-scrollbar-thumb:hover {
	  background: rgba(255, 255, 255, 1);
	}



	h1{
		
		

	}

	.openTitle{


		padding-top: 25vh;			  	
	  	padding-left: 20%;
	  	margin-top: 11vh	;  	
	  	position: relative;
	  	float: center;
		color: white;
		margin-bottom: 50vh;
		font-size: 4vw;
	}

	.header{
		
		
		visibility: hidden;			  	
	  	margin-top:0 vh; 	
	  	position: relative;
	  	margin-left: 45vw;
	  	float: center;
		color: white;
		z-index: 1;
		transform: translate(-1vw,-1vh);
		transition: 1s;
		font-size: 2vw ;
	}



	#brain{

		float: center;
		size: 40%;
		image-rendering: pixelated ;
		width: 10%;
		height: auto;
		background-color: black;
		position: absolute;
		
		z-index: 1;
		transform: rotate(180deg);
		transform: translate(5vw,-1vw);
		transition: 1s;

	}

	.header:hover{
		transform: translate(-2vw,-6vw);
		font-size: 2vw ;
	}


	#brain:hover{
		
		
	}


	a{
		text-decoration: none;
		color: rgba(255, 255, 255, 1);
	}

	a:visited		{
		text-decoration: none;
		color: rgba(255, 255, 255, 1);
	}




	p{
		padding: 5%;
		background-color: #000000;
	}


	.custom-shape-divider-bottom-1669636988 {
		visibility: hidden;
	    position: relative;
	    bottom: 0;
	    left: 0;
	    width: 89%;
	    overflow: hidden;
	    line-height: 0;
	    transform: rotate(180deg);
	    
	    margin-left: 6% ;
	}


	.menu{
		margin-top: 0%;
		margin-left: 8% ;
		margin-bottom: 6vw;
		transform: translate(00vw,-1.5vh);
	  	width: 80%;	
	  	height: 20%;	  	
	  	
	  	background-color:rgba(0, 0, 0, 1);
	  	position: relative	;
	  	float: left;  	
	  	padding-left: 5%;
	  	font-family: 'Major Mono Display', monospace;
		
		color: rgba(255, 255, 255, 1);
	  	scroll-behavior: smooth;
	  	overflow: hidden;
	}

	.menu:hover{

	  	
	  	
	}

	.menu-items{
		color: rgba(255, 255, 255, 0);
		font-family: 'Major Mono Display', monospace;
		margin-top: 4vw;

	}

	#menu-items:hover ~ #menu-background-pattern {
	  background-size: 5vmin 5vmin;
	  opacity: 0.5;
	}

	#menu-items:hover ~ #menu-background-image {
	  background-size: 100vmax;
	  opacity: 0.1;
	}

	#menu-items:hover > .menu-item {
	  opacity: 0.3;
	}

	#menu-items:hover > .menu-item:hover {
	  opacity: 1; 
	  background-color: rgba(1, 1, 1, 1);
	}

	.menu-item {
	  color: white;
	  cursor: pointer;
	  display: block;
	  font-family: 'Major Mono Display', monospace;
	  font-size: clamp(2rem, 1vw, 1rem);
	  margin-left: 2vw;
	  margin-top: 0vw;
	  margin-bottom: 1vh;
	  padding: 2%;
	  text-decoration: none;
	  transition: opacity 400ms ease;
	}


	#menu-background-pattern {
	  background-image: radial-gradient(
	    rgba(255, 255, 255, 0.1) 9%, 
	    transparent 0%
	  );
	  background-position: 0% 0%;
	  background-size: 1vmin 1vmin;
	  height: 100%;
	  left: 0px;
	  position: absolute;
	  top: 0px;
	  transition: opacity 800ms ease, 
	    background-size 800ms ease,
	    background-position 800ms ease;
	  width: 100%;
	  z-index: 1;
	}



	.wrapper{
		
		margin-top: 0%;
		margin-left: 8%;
	  	
	  	width: 85%;		  	
	  	
	  	height: 70vh;
	  	position: relative;
	  	float: left;
	  	background-color:rgba(0, 0, 0, 1);
	  	overflow-x: scroll;
	  	overflow-y: scroll	;
		scroll-behavior: smooth;
	  	padding: 200vim;


	}

	.mainInfo{
		margin-left: 10%;
		margin-right: 10%;
		margin-top:0% ;
		margin-bottom: 0% ;
		position: relative;
		
		opacity: 10;
		background-color: #000000 ;
		color: white;
		text-align: justify;
		padding: 5%;
	}

	#page2.mainInfo{
		background-color: #444444 ;
	}

	.custom-shape-divider-top-1669467479 {
	    
	    margin-top: -2%;
	    margin-left: 10%;
		margin-right: 10%;
		opacity: 1;
	    
		margin-bottom: 0% ;
	    overflow: hidden;
	    line-height: 0;
	    background-color: #444444;
	}

}




/*max-width: 560px*/






@media (max-width: 500px) {
html{

		float: center;
		scroll-behavior: smooth;
	}

	body{

		
		background-color:rgba(20, 20, 20, 0.7);
		float: center;
		margin: 2%;	
		
	/*  	overflow-y: scroll	;*/
	  	padding-top: 0%;
	  	scroll-behavior: smooth;
	  	overflow-x: hidden ;
	  	overflow-y: hidden;
	  	padding-bottom: 50px	 ;


	}

	.video-container{
	  width: 100vw;
	  height: 100vh;
	}

	#myVideo {
	  position: fixed;
	  right: 0;
	  bottom: 0;
	  min-width: 100%;
	  min-height: 100%;
	}

	/* width */
	::-webkit-scrollbar {
	  width: 10px;
	}

	/* Track */
	::-webkit-scrollbar-track {
	  background:rgba(10, 10, 10, 1);
	}

	/* Handle */
	::-webkit-scrollbar-thumb {
	  background: rgba(230, 230, 230, 1);
	}

	/* Handle on hover */
	::-webkit-scrollbar-thumb:hover {
	  background: rgba(255, 255, 255, 1);
	}



	h1{
		
		

	}

	.openTitle{


		padding-top: 25vh;			  	
	  	padding-left: 20%;
	  	margin-top: 11vh	;  	
	  	position: relative;
	  	float: center;
		color: white;
		margin-bottom: 50vh;
		font-size: 4vw;
	}

	.header{
		
		
		visibility: hidden;			  	
	  	margin-top:0 vh; 	
	  	position: relative;
	  	margin-left: 45vw;
	  	float: center;
		color: white;
		z-index: 1;
		transform: translate(-1vw,-1vh);
		transition: 1s;
		font-size: 2vw ;
	}



	#brain{

		float: center;
		size: 40%;
		image-rendering: pixelated ;
		width: 10%;
		height: auto;
		background-color: black;
		position: absolute;
		
		z-index: 1;
		transform: rotate(180deg);
		transform: translate(5vw,-1vw);
		transition: 1s;

	}

	.header:hover{
		transform: translate(-2vw,-6vw);
		font-size: 2vw ;
	}


	#brain:hover{
		
		
	}


	a{
		text-decoration: none;
		color: rgba(255, 255, 255, 1);
	}

	a:visited		{
		text-decoration: none;
		color: rgba(255, 255, 255, 1);
	}




	p{
		padding: 5%;
		background-color: #000000;
	}


	.custom-shape-divider-bottom-1669636988 {
		visibility: hidden;
	    position: relative;
	    bottom: 0;
	    left: 0;
	    width: 89%;
	    overflow: hidden;
	    line-height: 0;
	    transform: rotate(180deg);
	    
	    margin-left: 6% ;
	}


	.menu{
		margin-top: 0%;
		margin-left: 8% ;
		margin-bottom: 6vw;
		transform: translate(00vw,-1.5vh);
	  	width: 80%;	
	  	height: 20%;	  	
	  	
	  	background-color:rgba(0, 0, 0, 1);
	  	position: relative	;
	  	float: left;  	
	  	padding-left: 5%;
	  	font-family: 'Major Mono Display', monospace;
		
		color: rgba(255, 255, 255, 1);
	  	scroll-behavior: smooth;
	  	overflow: hidden;
	}

	.menu:hover{

	  	
	  	
	}

	.menu-items{
		color: rgba(255, 255, 255, 0);
		font-family: 'Major Mono Display', monospace;
		margin-top: 4vw;

	}

	#menu-items:hover ~ #menu-background-pattern {
	  background-size: 5vmin 5vmin;
	  opacity: 0.5;
	}

	#menu-items:hover ~ #menu-background-image {
	  background-size: 100vmax;
	  opacity: 0.1;
	}

	#menu-items:hover > .menu-item {
	  opacity: 0.3;
	}

	#menu-items:hover > .menu-item:hover {
	  opacity: 1; 
	  background-color: rgba(1, 1, 1, 1);
	}

	.menu-item {
	  color: white;
	  cursor: pointer;
	  display: block;
	  font-family: 'Major Mono Display', monospace;
	  font-size: clamp(2rem, 1vw, 1rem);
	  margin-left: 2vw;
	  margin-top: 0vw;
	  margin-bottom: 1vh;
	  padding: 2%;
	  text-decoration: none;
	  transition: opacity 400ms ease;
	}


	#menu-background-pattern {
	  background-image: radial-gradient(
	    rgba(255, 255, 255, 0.1) 9%, 
	    transparent 0%
	  );
	  background-position: 0% 0%;
	  background-size: 1vmin 1vmin;
	  height: 100%;
	  left: 0px;
	  position: absolute;
	  top: 0px;
	  transition: opacity 800ms ease, 
	    background-size 800ms ease,
	    background-position 800ms ease;
	  width: 100%;
	  z-index: 1;
	}



	.wrapper{
		
		margin-top: 0%;
		margin-left: 8%;
	  	
	  	width: 85%;		  	
	  	
	  	height: 70vh;
	  	position: relative;
	  	float: left;
	  	background-color:rgba(0, 0, 0, 1);
	  	overflow-x: scroll;
	  	overflow-y: scroll	;
		scroll-behavior: smooth;
	  	padding: 200vim;


	}

	.mainInfo{
		margin-left: 10%;
		margin-right: 10%;
		margin-top:0% ;
		margin-bottom: 0% ;
		position: relative;
		
		opacity: 10;
		background-color: #000000 ;
		color: white;
		text-align: justify;
		padding: 5%;
	}

	#page2.mainInfo{
		background-color: #444444 ;
	}

	.custom-shape-divider-top-1669467479 {
	    
	    margin-top: -2%;
	    margin-left: 10%;
		margin-right: 10%;
		opacity: 1;
	    
		margin-bottom: 0% ;
	    overflow: hidden;
	    line-height: 0;
	    background-color: #444444;
	}
}



/*460px*/







@media (max-width:1080px) {
	html{

		float: center;
		scroll-behavior: smooth;
	}

	body{

		
		background-color:rgba(20, 20, 20, 0.7);
		float: center;
		margin: 2%;	
		
	/*  	overflow-y: scroll	;*/
	  	padding-top: 0%;
	  	scroll-behavior: smooth;
	  	overflow-x: hidden ;
	  	overflow-y: hidden;
	  	padding-bottom: 50px	 ;


	}

	.video-container{
	  width: 100vw;
	  height: 100vh;
	}

	#myVideo {
	  position: fixed;
	  right: 0;
	  bottom: 0;
	  min-width: 100%;
	  min-height: 100%;
	}

	/* width */
	::-webkit-scrollbar {
	  width: 10px;
	}

	/* Track */
	::-webkit-scrollbar-track {
	  background:rgba(10, 10, 10, 1);
	}

	/* Handle */
	::-webkit-scrollbar-thumb {
	  background: rgba(230, 230, 230, 1);
	}

	/* Handle on hover */
	::-webkit-scrollbar-thumb:hover {
	  background: rgba(255, 255, 255, 1);
	}



	h1{
		
		

	}

	.openTitle{


		padding-top: 25vh;			  	
	  	padding-left: 20%;
	  	margin-top: 11vh	;  	
	  	position: relative;
	  	float: center;
		color: white;
		margin-bottom: 50vh;
		font-size: 4vw;
	}

	.header{
		
		
		visibility: hidden;			  	
	  	margin-top:0 vh; 	
	  	position: relative;
	  	margin-left: 45vw;
	  	float: center;
		color: white;
		z-index: 1;
		transform: translate(-1vw,-1vh);
		transition: 1s;
		font-size: 2vw ;
	}



	#brain{

		float: center;
		size: 40%;
		image-rendering: pixelated ;
		width: 10%;
		height: auto;
		background-color: black;
		position: absolute;
		
		z-index: 1;
		transform: rotate(180deg);
		transform: translate(5vw,-1vw);
		transition: 1s;

	}

	.header:hover{
		transform: translate(-2vw,-6vw);
		font-size: 2vw ;
	}


	#brain:hover{
		
		
	}


	a{
		text-decoration: none;
		color: rgba(255, 255, 255, 1);
	}

	a:visited		{
		text-decoration: none;
		color: rgba(255, 255, 255, 1);
	}




	p{
		padding: 5%;
		background-color: #000000;
	}


	.custom-shape-divider-bottom-1669636988 {
		visibility: hidden;
	    position: relative;
	    bottom: 0;
	    left: 0;
	    width: 89%;
	    overflow: hidden;
	    line-height: 0;
	    transform: rotate(180deg);
	    
	    margin-left: 6% ;
	}


	.menu{
		margin-top: 0%;
		margin-left: 8% ;
		margin-bottom: 6vw;
		transform: translate(00vw,-1.5vh);
	  	width: 80%;	
	  	height: 20%;	  	
	  	
	  	background-color:rgba(0, 0, 0, 1);
	  	position: relative	;
	  	float: left;  	
	  	padding-left: 5%;
	  	font-family: 'Major Mono Display', monospace;
		
		color: rgba(255, 255, 255, 1);
	  	scroll-behavior: smooth;
	  	overflow: hidden;
	}

	.menu:hover{

	  	
	  	
	}

	.menu-items{
		color: rgba(255, 255, 255, 0);
		font-family: 'Major Mono Display', monospace;
		margin-top: 4vw;

	}

	#menu-items:hover ~ #menu-background-pattern {
	  background-size: 5vmin 5vmin;
	  opacity: 0.5;
	}

	#menu-items:hover ~ #menu-background-image {
	  background-size: 100vmax;
	  opacity: 0.1;
	}

	#menu-items:hover > .menu-item {
	  opacity: 0.3;
	}

	#menu-items:hover > .menu-item:hover {
	  opacity: 1; 
	  background-color: rgba(1, 1, 1, 1);
	}

	.menu-item {
	  color: white;
	  cursor: pointer;
	  display: block;
	  font-family: 'Major Mono Display', monospace;
	  font-size: clamp(2rem, 1vw, 1rem);
	  margin-left: 2vw;
	  margin-top: 0vw;
	  margin-bottom: 1vh;
	  padding: 2%;
	  text-decoration: none;
	  transition: opacity 400ms ease;
	}


	#menu-background-pattern {
	  background-image: radial-gradient(
	    rgba(255, 255, 255, 0.1) 9%, 
	    transparent 0%
	  );
	  background-position: 0% 0%;
	  background-size: 1vmin 1vmin;
	  height: 100%;
	  left: 0px;
	  position: absolute;
	  top: 0px;
	  transition: opacity 800ms ease, 
	    background-size 800ms ease,
	    background-position 800ms ease;
	  width: 100%;
	  z-index: 1;
	}



	.wrapper{
		
		margin-top: 0%;
		margin-left: 8%;
	  	
	  	width: 85%;		  	
	  	
	  	height: 60vh;
	  	position: relative;
	  	float: left;
	  	background-color:rgba(0, 0, 0, 1);
	  	overflow-x: scroll;
	  	overflow-y: scroll	;
		scroll-behavior: smooth;
	  	padding: 200vim;


	}

	.mainInfo{
		margin-left: 10%;
		margin-right: 10%;
		margin-top:0% ;
		margin-bottom: 0% ;
		position: relative;
		
		opacity: 10;
		background-color: #000000 ;
		color: white;
		text-align: justify;
		padding: 5%;
	}

	#page2.mainInfo{
		background-color: #444444 ;
	}

	.custom-shape-divider-top-1669467479 {
	    
	    margin-top: -2%;
	    margin-left: 10%;
		margin-right: 10%;
		opacity: 1;
	    
		margin-bottom: 0% ;
	    overflow: hidden;
	    line-height: 0;
	    background-color: #444444;
	}


}