.homebtn{
	z-index: 10;
	position: fixed;
	/*	text-align: center;*/
/*	display:flex;*/
/*	flex-direction: row;*/
/*	align-items: center;*/
/*	padding: 10px;*/
	padding-top:0.5rem;
/*	color: white;
	font-weight: 800;*/
	cursor: pointer;
}
.iframeset{
	position: absolute;
	height: 100vh;   
	width: 100vw;
	margin:0;
    padding: 0;
    z-index: -1;
}
iframe{
	display: block;   
	border: none;   
	height: 100vh;   
	width: 100vw;
	margin:0;
    padding: 0;
}
.h1{
	/*font-family: 'Poppins', sans-serif;*/
	font-size: 4rem;
	text-transform: uppercase;
	color:white;
}
.showbtn{
	z-index: 9;
	position: fixed;
	display: flex;
	flex-direction: row;
	/*left:50%;*/
	top: 50%;

	/*height: 100%;*/
	width: 100%;
	transform: translate(0%, -50%);
	/*background-color: rgba(255,255,255,0.5);*/
	gap: 1rem;
	/*padding: 1em;*/
	margin: 1em;
	justify-content: center;

}
.info{
	color: white;
	text-align: center;

}
.info_text{
	/*writing-mode: tb-rl;*/
	text-align: center;
	color: white;
	pointer-events: none;
}

.enterbtn{
	display: flex;
	position: fixed;
	bottom: 1em;
	left: 50%;
	transform: translate(-50%, -50%);
	
    justify-content: center;
}
.enterbtn_deco{
	width: 180px;
    height: 40px;
    padding: 10px 5px 0 5px;
    text-align: center;

    background-color: white;
    border-radius: 30px;
    font-size: 20px;
    color:black;
    font-weight: bold;
    cursor: pointer;
}
.custombutton {
	border-radius: 50%;
 	color: white;
 	background-color: rgba(255,255,255,0.5);
 	width: 4px;
 	height:4px;
 	padding: 4px 4px;
 	margin: 3px;
 	cursor: pointer;
 	border: none;
  	outline: none;
}
.active, .custombutton:hover{

	background-color: rgba(255,255,255,1);
}
/*.custom_button:active{
	background-color: yellow;
}*/

.webgl{
	position : absolute;
	top:0;
	left: 0;
	outline:none;
	mix-blend-mode: exclusion;
}



.section{
/*	color : #232323;*/
	background-color: rgba( 255, 255, 255, 0);
	/*display: flex;*/
	/* border:1px solid #ff0000; */
	min-height:100vh;
	width:100vw;
	/*padding :100px;*/
	box-sizing: border-box;
	/*mix-blend-mode: exclusion;*/
}
.section h2{

	width: 100%;
	display: block;
	/*position: absolute;*/
	font-size: 0vw;
	text-transform: uppercase;
}
p{
	font-size: 2vw;
}


#container{
	height:100vh;
	/*width:100vw;*/
	display:grid;
	place-items: center ;

}

.trigger {
	position: absolute;
	z-index: 0;
	/* top: 100vh; */
	left: 0;
	width: 100vw;
	height: 100vh;
	background-color: lightgray;
	padding: 0px;
}
/*button{
	font-family: 'Poppins', sans-serif;
	font-size: 1.3rem;
	padding:.5em 1em;
	margin-top: 3em;
	background-color: rgb(0,114,255,1);
	border: none;
	color: white;
	font-weight: bold;
	text-transform: uppercase;
	border-radius: 4px;
	cursor: pointer;
}*/
.mobile_info_text{
	display: none;
}


@media screen and (max-width: 768px) {

	.section{
		/*color : white;*/
		min-height:100vh;
		width:100vw;
		/*padding :20px;*/
		box-sizing: border-box;
	
	}
	.section h2{
		line-height: -1;
		width: 100%;
		display: block;
		font-size: 10vw;
		text-transform: uppercase;
	}
	p{
		font-size: 4vw;
	}

	.showbtn{
		width: 95%;
	}
	
	
	.info_text{
		display: none;
	}
	.info_text2{
		writing-mode: tb-rl;
		text-align: center;
		color: white;
		pointer-events: none;
	}
	.mobile_info_text{
		z-index: 9;
		position: fixed;
		display: flex;
		flex-direction: column;
		/*left:50%;*/
		top: 50%;

		/*height: 100%;*/
		width: 100%;
		transform: translate(-5%, -50%);
		/*background-color: rgba(255,255,255,0.5);*/
		gap: 10em;
		/*padding: 1em;*/
		margin: 1em;
		justify-content: center;
		pointer-events: none;
		
	}
	.enterbtn_deco{
		width: 90px;
	    height: 28px;
	    padding: 7px 5px 0 5px;
	    text-align: center;

	    background-color: white;
	    border-radius: 30px;
	    font-size: 14px;
	    color:black;
	    font-weight: bold;
	    cursor: pointer;
	}

	.custombutton {
	 	margin: 1px;
	}

	
}