body {
	background: linear-gradient(90deg, gray, black, #383838, #202020, #282828, black);
	height: 3000px !important;
	color: white;
}

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

.logo {
    width: 10vh;
    position: fixed;
    top: 0vh;
    left: 0vw;
	user-select: none;
}

.overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0,0,0,0.9);
  display: none;
  justify-content: center;
  align-items: center;
  z-index: 999999999999999999;
  cursor: pointer;
}

.overlay img {
  max-width: 90%;
  max-height: 90%;
}

.overlays {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0,0,0,0.9);
  display: none;
  justify-content: center;
  align-items: center;
  z-index: 999999999999999999;
}

.overlays img {
  max-width: 70%;
  max-height: 70%;

  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);

  z-index: 999999999;
}

.CorexTube_icone_page {
	flex-direction: column;
	align-items: center;

	position: fixed;
	top: 0;
	left: 0;

	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0.9);

	justify-content: center;
	align-items: center;
	cursor: pointer;
	z-index: 99999999;
	display: none; 
}

#UltraBoosterImage {
	width: 225px;
    height: auto;
	max-width: 230px;

	position: absolute;
	top: 82%;
	left: 20%;
	transform: translate(-50%, -50%);
	
	user-select: none;
}

.CorexTube_icone_page img {
	max-width: 90%;
	max-height: 90%;
}

.menu {
	background: rgba(255, 255, 255, 0.02);
	color: white;
	border-radius: 14px;
	padding: 20px;

	position: fixed;
	top: 30%;
	left: 5%;
	transform: translate(-50%, -50%);

	box-shadow: 0 4px 10px rgba(0, 0, 0, 0.5);
	user-select: none;
	transition: border 2s ease;
}

	.menu button {
		background: rgba(255, 255, 255, 0.8);
		border-radius: 10px;
		padding: 5px;
		display: block;
		width: 100%;
		margin-bottom: 5px;
	
		text-align: left;
		cursor: pointer;
		text-align: center;
	}

	.menu:hover,
	.buttonsite:hover {
		border: 2px solid yellow;
	}

.reseau_button {
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: row;
	gap: 10px;

	background: rgba(255, 255, 255, 0.1);
	width: 260px;
	height: 100px;
	max-height: 105px;
	border-radius: 12px;

	position: fixed;
	top: 9%;
	left: 90%;
	transform: translate(-50%, -50%);
	user-select: none;
}

	.reseau_button span{ 
		position: fixed;
		top: 25%;
		left:50%;

		transform: translate(-50%, -50%);
		font-size: 20px;
	}

	.buttonsite {
		background: rgba(0, 0, 0, 0.3);
		padding: 10px 15px;
		border-radius: 15px;
		color: white;

		position: relative; 
		top: 20px;

		cursor: pointer;
		transition: border 1s ease;
	}

.credit {
	width: 200px;
	max-width: 205px;
	background: transparent;
	color: white;

	position: fixed;
	top: 93%;
	left: 92%;
	transform: translate(-50%, -50%);
	text-align: center;
}

.tableau {
	width: 800px;
	height: 500px;
	background: rgba(255, 255, 255, 0.2);
	border-radius: 6vh;

	position: fixed;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);

	z-index: 999;
	opacity: 0;
	transition: 2.5s ease;
}

.tableau span {
	width: 650px;
	position: fixed;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	font-size: 17px;
	text-align: left;
}

.tableau h1 { 
	position: fixed;
	top: 25%;
	left: 50%;
	transform: translate(-50%, -50%);
	font-size: 50px;
}

.tableau_install {
	opacity: 0;
	display: flex;
	flex-direction: column;

	padding: 1000px 400px;
	background: rgba(255, 255, 255, 0.04);
	color: white;

	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -23%);

	border-radius: 15px;
	pointer-events: none;
	transition: opacity 5s ease;
	z-index: 999999;
}

	#tableau_install.cache {
		opacity: 1;
	}

#valider {
	background: rgba(0, 0, 0, 0.4);
	color: white;
	padding: 8px 10px;
	border-radius: 12px;

	position: absolute;
	top: 80%;
	left: 52%;
	transform: translate(-50%, -50%);

	display: none;
	z-index: 9999;
	cursor: pointer;
	transition: transform 400ms ease;
}

#coche {
	background: rgba(0, 0, 0, 0.4);
	color: white;
	width: 40px;
	height: 35px;
	border-radius: 12px;
	
	position: absolute;
	top: 80%;
	right: 50%;
	transform: translate(-50%, -50%);

	z-index: 9999;
	cursor: pointer;
	transition: transform 400ms ease;
}

	#vld_yes_ico {
		position: fixed;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);

		display: none;
	}

	#coche_ico {
		position: fixed;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
	}

	#coche:hover,
	#valider:hover,
	#choix_code_source:hover,
	#choix_exe:hover {
		transform: translate(-50%, -50%) scale(1.2);
		border: 2px solid yellow;
	}

#installe_outsond {
	padding: 0.3vw 1vh;
	background: #4a7ea0;
	color: rgb(255, 215, 0);
	z-index: 9999;

	border-radius: 11px;
	border: none;

	position: absolute;
	top: 12%;
	left: 12%;
	transform: translate(-50%, -50%);

	cursor: pointer;
	transition: transform 300ms ease;
	transform-origin: center center;
	user-select: none;
}

#installe_CorexTube {
	padding: 0.3vw 1vh;
	background: #4a7ea0;
	color: rgb(255, 215, 0);
	z-index: 9999;

	border-radius: 11px;
	border: none;

	position: absolute;
	top: 40%;
	left: 12%;
	transform: translate(-50%, -50%);

	cursor: pointer;
	transition: transform 300ms ease;
	transform-origin: center center;
	user-select: none;
}

.info_tool_outsond {
	flex-direction: column;
	align-items: center;

	padding: 10vh 2vw;
	color: white;
	background: rgba(0, 0, 0, 0.0);
	border-radius: 14px;

	font-size: 12px;

	position: absolute;
	top: 10%;
	left: 50%;
	transform: translateY(-50%, -50%);
}

.info_tool_CorexTube {
	flex-direction: column;
	align-items: center;

	padding: 10vh 2vw;
	color: white;
	background: rgba(0, 0, 0, 0.0);
	border-radius: 14px;

	font-size: 12px;

	position: absolute;
	top: 40%;
	left: 50%;
	transform: translateY(-50%, -50%);
}

.outsond_icone {
    width: 225px;
    height: auto;

    position: absolute;

    top: 20%;
    left: 20%;

    transform: translate(-50%, -50%);
	user-select: none;
}

.CorexTube_icone {
    width: 225px;
    height: auto;

    position: absolute;
    top: 50%;
    left: 20%;
    transform: translate(-50%, -50%);
	user-select: none;
	display: block;
}

#outsond_icone_btn {
	flex-direction: column;
    align-items: center;

    position: absolute;
    top: 20%;
    left: 20%;
    transform: translate(-50%, -50%);
    padding: 57px 95.9px;
	font-size: 20px;
	background: transparent;
    border: none;
	color: yellow;

    color: yellow;
    cursor: pointer;
    z-index: 9999;
	user-select: none;
}

#CorexTube_icone_btn {
    position: absolute;
    top: 50%;
    left: 20%;
    transform: translate(-50%, -50%);

    padding: 45px 95.9px;
	font-size: 20px;

    flex-direction: column;
    align-items: center;

    background: transparent;
    border: none;

    color: yellow;
    cursor: pointer;
    z-index: 9999;
	user-select: none;
}

#More_info_outsond {
	padding: 0.6vh 0.8vw;
	background: purple;
	border-radius: 16vh;

	position: absolute;
	top: 12%;
	left: 30%;
	transform: translate(-50%, -50%);

	z-index: 9999;
	cursor: pointer;
	user-select: none;

	transition: transform 300ms ease;
	transform-origin: center center;
}

#More_info_YT_install {
	padding: 0.6vh 0.8vw;
	background: purple;
	border-radius: 16vh;

	position: absolute;
	top: 40%;
	left: 30%;
	transform: translate(-50%, -50%);

	z-index: 9999;
	cursor: pointer;
	user-select: none;

	transition: transform 300ms ease;
	transform-origin: center center;
}

strong {
	font-size: 0.99em;
	color: yellow;
}

	#choix_code_source {
		display: flex;
		align-items: center;
		justify-content: center;
		flex-direction: column;
		color: #333333;
		font-size: 22px;

		background: rgba(255, 255, 255, 0.4);
		width: 300px;
		height: 250px;
		border-radius: 10px;
		box-shadow: 12px 7px 10px black;
		opacity: 0;

		position: fixed;
		top: 45%;
		left: 33%;
		transform: translate(-50%, -50%);

		transition: transform 300ms ease;
		transform-origin: center center;
		cursor: pointer;
		text-align: center;
	}

	#choix_exe {
		display: flex;
		align-items: center;
		justify-content: center;
		flex-direction: column;
		color: #333333;
		font-size: 22px;

		background: rgba(255, 255, 255, 0.4);
		width: 300px;
		height: 250px;
		max-width: 305px;
		max-height: 255px;
		border-radius: 10px;
		box-shadow: 12px 7px 10px black;
		opacity: 0;

		position: fixed;
		top: 45%;
		left: 62%;
		transform: translate(-50%, -50%);

		transition: transform 300ms ease;
		cursor: pointer;
		text-align: center;
	}

#installe_CorexTube:hover,
#installe_outsond:hover,
#More_info_outsond:hover,
#More_info_YT_install:hover,
#installe_Ultra_Bosster:hover,
#More_info_Ultra_Booster:hover {
	transform: translate(-50%, -50%) scale(1.1);
	border: 2px solid yellow;
}

.cache {
	opacity: 1;
}

.strongserror {
	color: red !important;
}

#infoerrorexe.cache {
	opacity: 1 !important;
}

#installe_Ultra_Bosster {
	padding: 0.3vw 1vh;
	background: #4a7ea0;
	color: rgb(255, 215, 0);
	z-index: 9999;
	border-radius: 11px;
	border: none;

	position: absolute;
	top: 73%;
	left: 12%;
	transform: translate(-50%, -50%);

	cursor: pointer;
	transition: transform 300ms ease;
	transform-origin: center center;
	user-select: none;
}

#More_info_Ultra_Booster {
	padding: 0.6vh 0.8vw;
	background: purple;
	border-radius: 16vh;

	position: absolute;
	top: 73%;
	left: 30%;
	transform: translate(-50%, -50%);

	z-index: 9999;
	cursor: pointer;
	user-select: none;

	transition: transform 300ms ease;
	transform-origin: center center;
	cursor: pointer;
}

#Ultra_Booster_icone_btn {
    position: absolute;
    top: 82%;
    left: 20%;
    transform: translate(-50%, -50%);

    padding: 45px 95.9px;
	font-size: 20px;

    flex-direction: column;
    align-items: center;

    background: transparent;
    border: none;

    color: yellow;
    cursor: pointer;
    z-index: 9999;
	user-select: none;
}

.info_tool_Ultra_Booster {
	flex-direction: column;
	align-items: center;

	padding: 10vh 2vw;
	color: white;
	background: rgba(0, 0, 0, 0.0);
	border-radius: 14px;

	font-size: 12px;

	position: absolute;
	top: 70%;
	left: 50%;
	transform: translateY(-50%, -50%);
}

#closeicoultra {
	background: transparent;
	border: none;
	color: red;
	font-size: 30px;

	position: fixed;
	top: 5%;
	left: 95%;
	transform: translate(-50%, -50%);

	z-index: 9999999999999999999999;
	user-select: none;
	display: block;
	cursor: pointer;
}

#installerextension_edge {
	width: 120px;
	height: 30px;
	border-radius: 20px;
	background: rgba(255, 255, 255, 0.4);
	color: red;

	position: absolute;
	top: 96%;
	left: 50%;
	transform: translate(-50%, -50%);

	z-index: 99999;
	text-align: center;
	user-select: none;
	cursor: pointer;
}

	#installerextension_chromium {
		width: 150px;
		height: 30px;
		border-radius: 20px;
		background: rgba(255, 255, 255, 0.4);
		color: red;

		position: absolute;
		top: 96%;
		left: 25%;
		transform: translate(-50%, -50%);

		z-index: 99999;
		text-align: center;
		user-select: none;
		cursor: pointer;
	}

	#installerextension_firefox {
		width: 120px;
		height: 30px;
		border-radius: 20px;
		background: rgba(255, 255, 255, 0.4);
		color: red;

		position: absolute;
		top: 96%;
		left: 73%;
		transform: translate(-50%, -50%);

		z-index: 99999;
		text-align: center;
		user-select: none;
		cursor: pointer;
	}

@keyframes vague {
	0%, 100% {
		translate: 0 0;
		transform: translate(-50%, -50%);
	}

	50% {
		translate: 0 -50px;
		transform: translate(-50%, -50%);
	}
}