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

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

.logo {
	width: 90px !important;
	max-width: 95px !important;

	position: fixed !important;
	top: 0 !important;
	left: 0 !important;

	user-select: none !important;
}

.menu {
	background: rgba(255, 255, 255, 0.03);
	border-radius: 15px;
	padding: 20px;

	position: fixed;
	top: 30%;
	left: 5%;
	transform: translate(-50%, -50%);
	
	display: block;
	box-shadow: 0 4px 50px rgba(0, 0, 0, 0.5);
	user-select: none;

	transition: border 2s ease;
}

	.menu button {
		background: white;
		color: black;
		border-radius: 10px;
		padding: 5px;
		width: 100%;
		margin-bottom: 5px;
	
		display: block;
		text-align: center;
		cursor: pointer;
	}

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

	background: rgba(0, 0, 0, 0.3);
	width: 350px;
	height: 100px;
	border-radius: 12px;

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

	user-select: none;
}

	.reseau_button h1 {
		width: 300px;
		max-width: 310px;

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

	.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;
	}

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

#Titre_Corex {
    background: rgba(0, 0, 0, 0.3);
    padding: 20px 30px;
    border-radius: 12px;

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

#Titre_index {
	background: rgba(0, 0, 0, 0.3);
	padding: 20px 30px;
	border-radius: 12px;

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

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

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

	text-align: center;
}

.home {
	width: 800px;
	height: 500px;
	max-width: 810px;
	max-height: 510px;

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

#info {
	display: flex;
	justify-content: center;
	align-items: center;
	text-align: center;

	background: rgba(255, 255, 255, 0.1);
	color: white;
	width: 855px;
	height: 180px;
	max-width: 860px;
	max-height: 185px;
	border-radius: 55px 0;

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