body
{
		background : white;
		margin : 0;
}

html[lang="en"] .fr, html[lang="en"] .alien
{

	display : none ;
}
html[lang="fr"] .en, html[lang="fr"] .alien
{
	
	display : none ;

}
html[lang="alien"] .fr, html[lang="alien"] .en
{
	
	display : none ;
}


.nav_horizontal
{
		text-decoration : none ;
		font-family: 'Google Sans', sans-serif;		
		font-size : 1.3rem;
		position : fixed;
		display : inline-block;
		width : 160px;
		height : 97% ;
		padding-left : 20px;
		line-height : 100%;
}
.nav_vertical
{
	display : none;
}
	.footer_vertical
{
		display : none ;
		
}

.navbar, a
{
		color:#4000ff;
	text-decoration : none ;
	font-family: 'Google Sans', sans-serif;	font-size: 12px; 
	line-height : 25px;

}

.navbar:hover, a:hover
{
	text-decoration : underline;
	font-weight: bold;
		background-color : blue ;
		color: white;
	
	
}
button {
	color:#4000ff;
	line-height : 25px;
	display : inline;
	margin-bottom : 4px;
  background: none;
  border: none;
  height : 20px;
  padding: 0;
  
  text-decoration : none ;
font-family: 'Google Sans', sans-serif;	font-size: 12px; }

button:hover
{
	text-decoration : underline;
	font-weight: bold;
		background-color : blue ;
		color: white;
	
	
}
	.footer{
	font-size : 12px; 
	position : fixed ;
	bottom : 15px; 
	margin : 0
	}
	.footervertical{
	display:none;
	}
/* .arbo */
/* { */
	/* text-decoration : none ; */
		/* font-family: 'Yantramanav', sans-serif;		 */
	/* font-size: 10px; */
			/* margin-left : 10px; */
			/* margin-top : 10px; */
/* } */

	/* .galerynav */
/* { */
	/* position : relative; */
	/* top:-0px; */
		/* font-family: 'Yantramanav', sans-serif;		 */
	/* font-size: 20px; */
/* } */

/* .galery_links */
/* { */
	/* text-decoration : none ; */
	/* font-family: 'Yantramanav', sans-serif;	 */
/* margin-left : 0.5vw	; */
		
/* } */
/* .galery_links:hover */
/* { */
	/* text-decoration : underline; */
	/* font-weight: ; */
/* } */

section
{
		margin-left:250px;;
		margin-top:-21px;
		font-family: 'Google Sans', sans-serif;	
		font-size: 12px;
}
.sectionprojectbg
{
		background-color : blue;
		background-image :  url("https://i.stack.imgur.com/poux8.gif");
}

.projectline
{
	width:100%; 
	overflow : hidden; 
	background-color: ; 
	white-space:nowrap;
	margin-top: 0;
	margin:0;
	display:flex;


}
.projectline:not(:last-child) .projectlink:last-of-type {
flex-grow: 1;
}

.projectlink
{
	display: inline-block;
	overflow : hidden;
	position: relative;
	width : auto;
	margin:0;
	height : inherit;
	/* width : 100%; */
	/* height : 100%; */
	/* object-fit: cover; */
}

.projectcaption
{
	display : inline-block;
	position: absolute;
	text-decoration : none ;
	font-family: 'Google Sans', sans-serif;	
	line-height: 110%;
	font-size : 1.3em;
	/* font-weight : 600; */
	color: white;
	white-space: pre-line;
	/* border : 1px solid red; */
	display : inline;
	position : absolute;
	top: 50%;
	left: 50%;
	margin-right: -50%;
	transform: translate(-50%, -50%);
	padding : 20%;

	
}

h2
{
		/* font-size : 20 vw; */
		font-weight : 500;
		line-height: 90%;
		color :;		
		display: inline;
		/* border : 1px solid black; */

}
h3
{
		font-family: 'Google Sans', sans-serif;	
		line-height: 90%;
		font-weight: bold;
		color :;		
		display: inline;
		/* border : 1px solid black; */

}
.txt
	{
		font-family: 'Google Sans', sans-serif;	
	line-height: 110%;
	font-size : 1em;
	font-weight : normal;
	}
	
.projectimg
{
	display : inline-block;
	position :  relative ;
	/* max-width: auto;  */
	/* max-height: 100%; */
	overflow: hidden;
	background-color :  #56ff6c;
	width : 100%;
	height : 100%;
	object-fit: cover;
}
.projectimg:hover
{
	opacity: 0.7;
	mix-blend-mode: hue	;
	}

.invprojectimg
{
	display : inline-block;
	position :  relative ;
	max-width: auto; 
	max-height: 100%;
	overflow: hidden;
	background-color :  #56ff6c;
	opacity: 0.7;
	mix-blend-mode: hue	;
	
}	
.invprojectimg:hover
{
	opacity: 1;
	mix-blend-mode: normal	;
	}
		
	
	
/* .content */
/* { */
	/* display: inline-block; */
	/* overflow : hidden; */
	/* position: relative; */
	/* width : auto; */
	/* background : #56ff6c; */
/* } */
	
/* .contentimg */
/* { */
	/* display : inline-block; */
	/* position :  relative ; */
	/* max-width: auto;  */
	/* max-height: 100%; */
	/* overflow: hidden; */
	/* background-color :  #56ff6c; */
/* } */

/* .galeryimg { */
		/* display flex flex: none; */
		/* margin-left: 1rem; */
		/* height : 71vh; */
		/* margin-left: 20px; */
		/* margin-right: 20px; */
		/* } */
/* .galeryimg2 { */
		/* display flex flex: none; */
		/* display: inline; */
		/* margin-left: 1rem; */
		/* height : 34vh; */
		/* position : relative; */
		/* margin-left: 20px; */
		/* margin-right: 20px; */
		/* margin-bottom:3vh; */
		/* display: table-row; */
		/* } */
/* .galeryimg3 { */
		/* display flex flex: none; */
		/* display: inline; */
		/* height : 55vh; */
		/* margin-top : 7.5vh; */
		/* margin-left: 20px; */
		/* margin-right: 20px; */
		/* } */
/* .galerygroup */
/* { */
	/* display: table; */
/* } */
	/* .galerytext { */
		/* display flex flex: none; */
		/* margin-left: 1rem; */
		/* height : 90%; */
		/* margin-left: 20px; */
		/* margin-right: 20px; */
		/* font-family: 'Yantramanav', sans-serif;		 */
		/* color : white ; */
		
	/* } */
	/* .container */
	/* { */
		/* display: flex; */
		/* overflow-x: scroll; */
		/* scroll-snap-type: x proximity; */
		/* height:80vh; */
		/* scrollbar-color: #595959 #1a1a1a; */
		/* scrollbar-width: thin;  */
		/* padding-bottom:10px; */
		/* overflow: auto ; */
		/* margin-left:-10px; */

	/* } */
	.roottitle
	{
		position : absolute;
		top:2%; color:white;
		text-decoration : none ;
		font-family: 'Yantramanav', sans-serif; 
		font-size: 50px;
		  top: 50%;
    left: 50%;
    margin-right: -50%;
    transform: translate(-50%, -50%);
			line-height : 300px;
			opacity: 1;
	mix-blend-mode: exclusion	;

	}
	.roottitle:hover::before
	{
		content: "→ ";		 
	}	
	.roottitle:hover::after
	{
		content: " ←";		 
	}
	.roottitle:hover
	{
		 color : white;
		 mix-blend-mode: normal;	 
	}
	.rootnav
	{
		position : absolute; 
		top:50%; 
		text-decoration : none ;
		font-family: 'Yantramanav', sans-serif;	
		font-size: 20px;
		top: 50%;
		left: 50%;
		margin-right: -50%;
		transform: translate(-50%, -50%);
				font-weight: bold;
				
				

	}
	.rootlink:hover
	{
		text-decoration : underline;
		font-weight: bold;
		background-color : blue ;
		color: white;
	}
	.rootlink
	{
		text-decoration : none;
	}
	
	
	
	
	
	@-moz-keyframes fade-inout {
 45%{ opacity: 1;}
  50%{ opacity: 0;}
}	

@-webkit-keyframes fade-inout {
 45%{ opacity: 1;}
  50%{ opacity: 0;}
}

@keyframes fade-inout {
  45%{ opacity: 1;}
  50%{ opacity: 0;}
}
	
	
	.rootvid
	{
		position: absolute;
		top: 50%;
		left: 50%;
		margin-right: -50%;
		transform: translate(-50%, -50%) ;min-width:100%; min-height:100vh; margin: 0;padding: 0; 
		animation: fade-inout 10s alternate;
		
	}
	
/* width */
::-webkit-scrollbar {
  width: 10px;
  height : 10px;
}

/* Track */
::-webkit-scrollbar-track {
  background: #1a1a1a;
}

/* Handle */
::-webkit-scrollbar-thumb {
  background:  #595959;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #8c8c8c;
}
/* scrollbar firefox */
html{
	scrollbar-color: #595959 #1a1a1a;
  scrollbar-width: thin;
}

@media screen and (orientation: portrait) {
	.nav_horizontal
{
		display : none ;
		
}
	.nav_vertical
{
		text-decoration : none ;
		font-family: 'Google Sans', sans-serif;		
		font-size: min(30px, 6vw); 		
		line-height : 1vw;
		position : sticky;
		/* height : 50vh; */
		/* height : 7vh; */
		/* min-height :20vw; */
		top : 0;
		left : 0;
		/* backdrop-filter: contrast(80%) brightness(300%) blur(30px) grayscale(100%); */
		overflow : hidden;
		z-index : 7;
		background : rgba(255,255,255,1);		/* border : 1px solid black; */
		margin-left : 0;
		width : 100% ;
		display : block ;
		padding-left : 20px;
		padding-bottom : 1vw;
		
		
}
.vertical_subtitle
{
	font-size : min(12px, 2vw);
}
	.footer_vertical
{
		display : block ;
		position : fixed;
		/* height : 10vw; */
		padding : 1vw 0vw;
		bottom : 0;
		left : 0;
		z-index : 7;
		background : rgba(255,255,255,1);		/* border : 1px solid black; */
		font-family: 'Google Sans', sans-serif;		
		width : 100%;
		text-align : center;
		overflow-x: scroll;
		overflow-y: hidden;
		white-space: nowrap;
		
}
.navbar
{
		color:#4000ff;
	text-decoration : none ;
	font-family: 'Google Sans', sans-serif;	font-size: min(30px, 6vw); 
	display : inline;
	line-height :130%;
	margin : 0 0.5vw;
	/* border : 1px solid blue; */
	

}
body{
	padding : 0;
	width : 100%;
		overflow-x : hidden;
}
section
{
		/* position : absolute ; */
		overflow : hidden;
		width : 100%;
		/* top : 0; */
		/* left : 0; */
		/* margin-top: 7vh;	 */
		font-size: 19px;
		width : 100%;
		/* overflow : hidden; */
		transform-origin: top left;
		transform:scaleX(1.2) scaleY(1.2);
		margin: 0;
	
	
	
		
}
.sectionprojectbg
{
		background-color : blue;
		background-image :  url("https://i.stack.imgur.com/poux8.gif");
}
.projectline
{
	width:120%; 
	overflow : hidden; 
	background-color: ; 
	white-space:nowrap;
	margin-top: 0vw;
	margin:0;
	display:flex;
	


}

.projectlink
{
	display: inline-block;
	overflow : hidden;
	position: relative;
	width : auto;

	height : inherit;
	/*margin-top: -0.25vw;
	margin-left : -0.25vw;*/
	/* border : 1px solid blue; */
	
}
.txt
{
	width : 100vw;
	margin-left : 20px;
	width : 80vw;
	/* margin-bottom : 50px; */
}
.brnav
{
	display:none;
}
.language{
	display : none;
}
.footer{
	display:none;
}
.projectcaption
{
	font-size : 1vw;
}
h2
{
	
}
/* .footervertical{ */
	/* display : block; */
	/* font-size : 10px;  */
	/* position : absolute ; */
	/* margin : 0 */
	/* z-index : 8; */
	/* background-color : red; */
	/* } */
	
	
	
}