#return{
	position: absolute;
	z-index: 51;
	bottom:0% ;
	right: 0%;
	margin-right: 10px;

	font-size: 2em;
	color:#5c5c5c;
	text-decoration: none;
	text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
}

#return:hover{
	color: white;
	cursor: url(hand.cur), pointer;
	text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
}

#fog{
	position: absolute;
	width: 100%;
	height: 100%;
	z-index: 5;
	background-color: rgb(255,255,255,0.5);
	filter : blur(1rem);
	z-index: 50;
}

#alerte{
	z-index: 51;
	min-width: 50%;
	min-height: 30%;
	background-color: gray;
	border: 2px solid rgb(24,24,24);
}

#alertTitle{
	color: white;
	text-align: center;
	font-size: 2em;
}

.alertText{
	font-size: 1em;
}

#alertCitation{
	display: block;
	margin-top: 10%;
	margin-bottom: 10%;
	text-align: end !important;
	padding-right: 5%;
	padding-left: 30%;
	color: lightgray;
	text-align: center;
	font-style: italic;

}

#alertText{
	padding-right: 5%;
	padding-left: 5%;
	margin-bottom: 10%;
	display: block;
	color: white;
	text-align: center;
}

#alertButton{
	position: absolute;
	bottom: 2%;
	left: 50%;
	transform: translateX(-50%);
	border: 1px solid rgb(24,24,24);
	background-color: gray;
	color: white;
}

#alertButton:hover{
	background-color: lightgray;
}

#fogEnd{
	width: 100%;
	height: 100%;
	background-color: black;
	opacity: 0.75;
	display: none;
	position: absolute;
	z-index: 100;
}

#clickEnd{
	z-index: 101;
	color: white;
	font-size: 2em;
}

@media (max-height: 800px){
	#return{
		font-size: 1em;
	}
}

@media (max-width: 800px){
	#alertTitle{
		font-size: 1.5em;
	}

	.alertText{
		font-size: 0.75em;
	}

	#clickEnd{
		font-size: 1.5em;
	}
}

@-webkit-keyframes rotating {
    from{
        -webkit-transform: rotate(0deg);
    }
    to{
        -webkit-transform: rotate(360deg);
    }
}
 
#rotateOrb {
    -webkit-animation: rotating 2s linear infinite;
    position: absolute;
    width: 10%;
    z-index: 101;
    transform: translate(-50%,-50%);
    top: 45%;
    left: 45%;
}

#waitingBackground{
	background-color : white;
	position: absolute;
	width: 100%;
	height: 100%;
	z-index:100;
}

@import url('https://fonts.googleapis.com/css2?family=Roboto&display=swap');

a,p,h1,h2,div{
	font-family: 'Roboto', sans-serif;
}