html {
    overflow: scroll;
    overflow-x: hidden;
    overflow-y:hidden;
}
::-webkit-scrollbar {
    width: 0px;  /* Remove scrollbar space */
    background: transparent;  /* Optional: just make scrollbar invisible */
}
::-webkit-scrollbar-thumb {
    background: #FF0000;
}

.enterpage{
	position:absolute;
	top:0;left:0;
	width:100%;height:100%;
	background-color:#1F1F1F;
	z-index:4000;
	overflow:none;
}
#entergraient{
position: absolute;
top: 35%;
left: 50%;
z-index: -10;
margin-right: -50%;
transform: translate(-50%, -50%);
  width: 250px;
  padding: 2% 5%;
  text-align:center;
  background-color: none;
  box-shadow: outset 2px 2px 10px rgba(0,0,0,0.3);
}
#entergraient:after{
  position: absolute;
  content:'';
  top: 30%;
  left: 0;
  right: 0;
  z-index: -10;
  height: 200px;
  width: 230px;
  margin: 0 auto;
  filter: blur(100px);
  transform: scale(1.5);
  background: radial-gradient( #d4fafc, #99c2c4, #fdffc7);
  background-size: 1000% 1000%;
  animation: animateglow 20s linear infinite;
}

@keyframes animateglow{
  0%{
    background-position: 0%;
  }
  50%{
    background-position: 50%;
  }
  100%{background-position:110%;}
}

#entertxt{
	position:absolute;
  top:50%;left:50%;
  position:absolute;
  width:600px;height:300px;
  margin-left:-300px;
  margin-top:-150px;
	z-index:10000000;
	font-family: 'Jost-Light';
	font-size:1.4em;
	text-align:center;
  color:black;
	background: linear-gradient(90deg, #000000, #3b3b3b, #808080);
	background-size: 1000% 1000%;
  filter: blur(0.05px);
 	-webkit-text-fill-color: transparent;
	-webkit-background-clip: text;
}

#enterbutton{
  position:absolute;
  width:auto;height:auto;
  font-family: 'Jost-Light';
  font-size:1.6em;
  color:black;
  border:0.3px solid black;
  border-radius: 50px;
  padding:5px 7px 5px 7px;
  top: 75%;
  z-index:1000;
  text-align:center;
  left: 50%;
  margin-right: -50%;
  transform: translate(-50%, -50%);
  cursor: pointer;
}

#heures {
	position:fixed;
	top:-300%;left:0;
	width:10%;
	height:600%;
	
}
#heures div {
	text-align:right;
	position:relative;
	width:100%;height:1.4%;
	display:flex;flex-direction: column;justify-content: center;
	cursor: pointer;
}
.heureNonActive {
	font-family:Jost-Light,sans-serif;font-size:1.5vw;
	color:#999;
}
.heureActive {
	font-family:Jost-Regular,sans-serif;font-size:2.2vw;
}

#cercle {
	top:60%;left:0%;
	z-index:-10;
	position:absolute;width:200px;height:200px;/*background-color: #ffffcc;*/
	border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
}

#aboutbutton {
	position:absolute;
	font-family: 'Jost-Light';
	font-size: 1.3vw;
	border:1px solid;
	bottom:0%;
	border-radius: 50px;
  	padding:7px 14px 7px 14px;
	text-align:center;
	cursor:pointer;
	left: 50%;
	z-index:100;
	margin-right: -50%;
	transform: translate(-50%, -50%);
}

#abouttxt {
	position:absolute;
	width:30%;
	font-family: 'Jost-ExtraLight';
	font-size: 1vw;
	bottom:0%;
	text-align:center;
	z-index:200;
	left: 50%;
	margin-right: -50%;
	transform: translate(-50%, -50%);
	display:none;
}
#aboutexit {
	position:absolute;
	font-family: 'Jost-Light';
	font-size: 1vw;
	border:0.45px solid;
	bottom:-1.5%;
	border-radius: 50%;
  	padding:4px 8px 4px 8px;
	text-align:center;
	cursor:pointer;
	left: 50%;
	z-index:100;
	margin-right: -50%;
	display:none;
	transform: translate(-50%, -50%);
}

.jeu {
	position:fixed;top:0;left:18%;width:82%;height:99%;
	display:none;
	font-family: Helvetica,sans-serif;
	font-size: 3vw;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	padding:2rem;
	z-index:200;
}
.jeu-fermer {
	position:fixed;top:1.5rem;right:1.5rem;
	font-family: 'Jost-Light';
	font-size: 3vw;
	cursor: pointer;
	z-index:200;
}

/* Responsive iFrame */ 
iframe { 
  position: absolute; 
  top: 0; left: 0; 
  width: 100%; height: 100%; 
  border:none;

}
#admin {
  position:fixed;
  bottom:1.5rem;left:1.5rem;
  width:15%;height:18%;
  background-color:white;
  z-index:3000;display:none;
}
#admin div { 
  position:relative;float:left;
  padding:5px;
  width:15%;height:10%;
  text-align:center;
  font-size:1.2vw;
  font-family:'Jost-Light';
  cursor:pointer;
}

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

#entertxt{
  position:absolute;
  top:50%;left:50%;
  position:absolute;
  width:60%;height:40%;
  margin-left:-30%;
  margin-top:-20%;
  z-index:1000;
  font-family: 'Jost-Light';
  font-size:1em;
}

#enterbutton{
  position:absolute;
  width:auto;height:auto;
  font-family: 'Jost-Light';
  font-size:1em;
  color:black;
  border:0.3px solid black;
  border-radius: 50px;
  padding:5px 7px 5px 7px;
  top: 70%;
  z-index:1000;
  text-align:center;
  left: 50%;
  margin-right: -50%;
  transform: translate(-50%, -50%);
  cursor: pointer;
}

}

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

#entertxt{
  position:absolute;
  top:50%;left:50%;
  position:absolute;
  width:60%;height:40%;
  margin-left:-30%;
  margin-top:-50%;
  z-index:1000;
  font-family: 'Jost-Light';
  font-size:1em;
}
}