@font-face
{
	font-family: "coolvetica";
	src: url("fonts/coolvetica_rg.otf") format("opentype");
}

*, body
{
	margin: 0px;
	padding: 0px;
}

body
{
	font-family: "coolvetica", "Calibri", serif;
	/*background-color: #404040;*/
	background: linear-gradient(to top, #232526, #414345);
}

/*header---------------------*/
header
{
	width: 100%;
	background-image: url("images/fond_screen.webp");
	margin-bottom: 1.5em;
	filter: drop-shadow(rgba(0, 0, 0, 0.75) 0px 0px 10px);
}

header nav ul
{
	list-style: none;
	display: flex;
	text-align: center;
	justify-content: space-around;
}

li
{
	margin-top: 5em;
	margin-bottom: 5em;
	width: 20em;
}

header li a
{
	font-family: "coolvetica", "Calibri", serif;
	padding: 0.5em;
	padding-right: 1em;
	padding-left: 1em;
	text-decoration: none;
	font-size: x-large;
	color: white;
	text-align: center;
	border: solid transparent 2px;
	border-radius: 1.5em;
	transition: border 0.5s;
}

header li a:hover
{
	background: linear-gradient(45deg, rgba(0, 140, 255, 0.1), rgba(0, 60, 255, 0.1));
	border: solid rgba(0, 140, 255, 0.15) 2px;
	border-radius: 1.5em;
}

.home
{
	background: linear-gradient(45deg, rgb(0, 140, 255), rgb(0, 60, 255));
	border: none;
	border-radius: 1.5em;
	transition: all 0.5s;
}

.home:hover
{
	color: transparent;
	background: white;
	border: none;
}

.li_home
{
	transition: all 0.5s;
	filter: drop-shadow(rgba(0, 0, 0, 0.25) 0px 0px 10px);
}

.li_home:hover
{
	transform: scale(1.05);
	filter: drop-shadow(rgba(0, 0, 0, 0.25) 0px 0px 15px);
}
/*header---------------------*/

/*menu-----------------------*/

.menu2
{
	display: flex;
	position: fixed;
	right: 5em;
	max-height: 0em;
	flex-direction: column;
	margin: none;
	padding: none;
	transition: all 1s;
	border-radius: 2em;
	overflow: hidden;
	background-color: #353535;
}

.menu .a_menu
{
	background: none;
	border: none;
	transition: color 0.5s;
}

.menu:hover .a_menu
{
	color: transparent;
	background: none;
	border: none;
}

header li:hover .menu2
{
	max-height: 50em;
}

/*menu-----------------------*/

/*main title-----------------*/
.main_title h1
{
	text-align: center;
	font-size: 7.5em;
	text-decoration: none;
	font-style: normal;
	color: white;
	padding-bottom: 0.1em;
	transition: color 1s;
}

.main_title h2
{
	text-align: center;
	font-size: 4em;
	text-decoration: none;
	font-style: normal;
	color: white;
	transition: color 0.5s;
}

.main_title h1:hover, .main_title h2:hover
{
	color: transparent;
}
/*main title-----------------*/

/*copy ip--------------------*/
form
{
	display: flex;
}

form a
{
	color: white;
	font-size: xx-large;
	font-family: "coolvetica", "Calibri", serif;
	text-decoration: none;
	margin-top: 1.5em;
	margin-bottom: 1.5em;
	margin-left: auto;
	margin-right: auto;
	background: linear-gradient(45deg, rgb(0, 140, 255), rgb(0, 60, 255));
	border-radius: 2em;
	padding: 0.5em;
	transition: all 0.5s;
	filter: drop-shadow(rgba(0, 0, 0, 0.25) 0px 0px 10px);
}

form a:hover
{
	color: transparent;
	background: white;
	transform: scale(1.05);
	filter: drop-shadow(rgba(0, 0, 0, 0.25) 0px 0px 15px);
}
/*copy ip--------------------*/

/*buttons--------------------*/
content nav, .blocks_presentation
{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-around;
}

.button
{
	margin: 1em;
	margin-top: 1.5em;
	margin-bottom: 1.5em;
	width: 20em;
	height: 40em;
	background-image: url("images/fond_screen.webp");
	border-radius: 1.5em;
	padding: 2em;
	display: flex;
	flex-direction: column;
	overflow: auto;
	filter: drop-shadow(rgba(0, 0, 0, 0.25) 0px 0px 10px);
	transition: all 0.5s;
}

#vip img, #vip2 img, #vip3 img, #mvp img
{
	width: 15em;
	/*filter: grayscale(100%);*/
	margin: auto;
}

.button a, .button h3
{
	color: white;
	text-decoration: none;
	font-size: xx-large;
	font-style: none;
	text-align: center;
	margin-right: auto;
	margin-left: auto;
	padding: 0.5em;
	border: solid transparent 2px;
	border-radius: 2em;
	transition: border 0.5s;
}

.button p
{
	color: white;
	font-family: "Calibri", serif;
	margin-right: auto;
	margin-left: auto;
	padding: 1em;
	text-align: left;
}

.button:hover
{
	transform: scale(1.025);
	filter: drop-shadow(rgba(0, 0, 0, 0.25) 0px 0px 15px);
}

.button:hover img
{
	/*filter: grayscale(0%);*/
	animation: image 0.5s forwards;
}

.button::-webkit-scrollbar-track, .button scrollbar-track
{
	background: transparent;
}
/*buttons--------------------*/

/*blocks_presentation--------*/
.blocks_presentation .button
{
	display: flex;
	flex-direction: column;
	align-items: flex-start;
}

.blocks_presentation .button img
{
	width: 15em;
	border-radius: 1.5em;
	margin-left: auto;
	margin-right: auto;
}
/*blocks_presentation--------*/

/*ranks------------------------*/
.gradient
{
	background: linear-gradient(45deg, rgb(0, 140, 255)25%, rgb(0, 60, 255)75%);
	background-clip: text;
	-webkit-background-clip: text;
}

.ranks
{
	display: flex;
	flex-wrap: wrap;
}

.ranks_blocks
{
	margin-top: 1.5em;
	margin-bottom: 1.5em;
	margin-right: auto;
	margin-left: auto;
	width: 20em;
	height: 40em;
	background-image: url("images/fond_screen.webp");
	border-radius: 1.5em;
	padding: 2em;
	display: flex;
	flex-direction: column;
	transition: transform 0.5S;
	overflow: auto;
}

.ranks_blocks a
{
	color: white;
	text-decoration: none;
	font-size: xx-large;
	font-style: none;
	text-align: center;
	margin-right: auto;
	margin-left: auto;
	padding: 0.5em;
	border: solid transparent 2px;
	border-radius: 2em;
	transition: border 0.5s;
}

.ranks_blocks p
{
	color: white;
	font-family: "Calibri", serif;
	margin-right: auto;
	margin-left: auto;
	padding: 1em;
	text-align: left;
}

.ranks_blocks:hover
{
	transform: scale(1.025);
}

.ranks_blocks a:hover
{
	background: linear-gradient(45deg, rgba(0, 140, 255, 0.1), rgba(0, 60, 255, 0.1));
	border: solid rgba(0, 140, 255, 0.15) 2px;
	border-radius: 2em;
}

.ranks_blocks h2
{
	color: white;
	text-align: center;
	font-size: 3em;
	transition: all 0.5s;
}

.ranks_blocks:hover h2
{
	color: transparent;
}

.ranks_blocks::-webkit-scrollbar-track, .ranks_blocks scrollbar-track
{
  background: none;
  border-radius: 20px;
}

.ranks_blocks a
{
	color: white;
	text-decoration: none;
	font-size: xx-large;
	font-style: none;
	text-align: center;
	margin-right: auto;
	margin-left: auto;
	padding: 0.5em;
	border: solid transparent 2px;
	border-radius: 2em;
	transition: border 0.5s;
}

#vip span
{
	background: linear-gradient(45deg, rgb(255, 200, 0)25%, rgb(255, 120, 0)75%);
	background-clip: text;
	-webkit-background-clip: text;
}

#vip::-webkit-scrollbar-thumb, scrollbar-thumb
{
  background: linear-gradient(45deg, rgb(255, 200, 0), rgb(255, 120, 0));
  border-radius: 20px;
}

#vip a:hover
{
	background: linear-gradient(45deg, rgba(255, 200, 0, 0.1), rgba(255, 120, 0, 0.1));
	border: solid rgba(255, 200, 0, 0.15) 2px;
	border-radius: 2em;
}

#vip2 span
{
	background: linear-gradient(45deg, rgb(40, 255, 0)25%, rgb(0, 130, 40)75%);
	background-clip: text;
	-webkit-background-clip: text;
}

#vip2::-webkit-scrollbar-thumb, scrollbar-thumb
{
  background: linear-gradient(45deg, rgb(40, 255, 0), rgb(0, 130, 40));
  border-radius: 20px;
}

#vip2 a:hover, .blocks_presentation .button a:hover
{
	background: linear-gradient(45deg, rgba(40, 255, 0, 0.1), rgba(0, 130, 40, 0.1));
	border: solid rgba(40, 255, 0, 0.15) 2px;
	border-radius: 2em;
}

#vip3 span
{
	background: linear-gradient(45deg, rgb(0, 140, 255)25%, rgb(0, 60, 255)75%);
	background-clip: text;
	-webkit-background-clip: text;
}

#vip3::-webkit-scrollbar-thumb, scrollbar-thumb
{
  background: linear-gradient(45deg, rgb(0, 140, 255), rgb(0, 60, 255));
  border-radius: 20px;
}

#vip3 a:hover
{
	background: linear-gradient(45deg, rgba(0, 140, 255, 0.1), rgba(0, 60, 255, 0.1));
	border: solid rgba(0, 140, 255, 0.15) 2px;
	border-radius: 2em;
}

#mvp span
{
	background: linear-gradient(45deg, rgb(220, 0, 255)25%, rgb(120, 0, 255)75%);
	background-clip: text;
	-webkit-background-clip: text;
}

#mvp::-webkit-scrollbar-thumb, scrollbar-thumb
{
  background: linear-gradient(45deg, rgb(220, 0, 255), rgb(120, 0, 255));
  border-radius: 20px;
}

#mvp a:hover
{
	background: linear-gradient(45deg, rgba(220, 0, 255, 0.1), rgba(120, 0, 255, 0.1));
	border: solid rgba(220, 0, 255, 0.15) 2px;
	border-radius: 2em;
}
/*ranks------------------------*/

/*p, p a--------------------------*/
p
{
	color: white;
	font-family: "Calibri", serif;
	margin-right: auto;
	margin-left: auto;
	padding: 1em;
	text-align: center;
	font-size: x-large;
}

p a
{
	color: white;
	font-family: "Calibri", serif;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
	font-size: x-large;
}
/*p, p a--------------------------*/

/*mark----------------------------*/
mark
{
	text-decoration: underline;
	background: none;
	color: white;
}
/*mark----------------------------*/

/*.rules--------------------------*/
.rules
{
	margin-top: 3em;
	margin-bottom: 3em;
	margin-right: auto;
	margin-left: auto;
	background-image: url("images/fond_repeat.webp");
	border-radius: 1.5em;
	padding: 2em;
	transition: all 0.5S;
	overflow: auto;
	width: 70em;
	filter: drop-shadow(rgba(0, 0, 0, 0.25) 0px 0px 10px);
}

.rules:hover
{
	transform: scale(1.0125);
	filter: drop-shadow(rgba(0, 0, 0, 0.25) 0px 0px 15px);
}

.rules_title
{
	background: linear-gradient(45deg, rgb(0, 140, 255)25%, rgb(0, 60, 255)75%);
	background-clip: text;
	-webkit-background-clip: text;
}

.rules h2
{
	text-align: center;
	font-size: 5em;
	text-decoration: none;
	font-style: normal;
	color: white;
	transition: color 0.5s;
	font-size: 3em;
}

.rules:hover h2
{
	color: transparent;
}

.rules p, .rules li, .rules ul
{
	color: white;
	text-align: left;
	font-family: "Calibri", serif;
	font-size: x-large;
}

.rules nav
{
	display: flex;
	flex-direction: column;
}
/*.rules---------------------*/

/*.summary-------------------*/
.block_summary
{
	margin: 2em;
}

.block_summary ul
{
	list-style: none;
	display: flex;
	text-align: center;
}

.block_summary li
{
	margin-left: auto;
	margin-right: auto;
	margin-top: 2.5em;
	margin-bottom: 2.5em;
}

.block_summary a
{
	font-family: "coolvetica", "Calibri", serif;
	padding: 0.5em;
	padding-right: 1em;
	padding-left: 1em;
	text-decoration: none;
	font-size: x-large;
	color: white;
	text-align: center;
	border: solid transparent 2px;
	border-radius: 1.5em;
	transition: border 0.5s;
}

.block_summary a:hover
{
	background: linear-gradient(45deg, rgba(0, 140, 255, 0.1), rgba(0, 60, 255, 0.1));
	border: solid rgba(0, 140, 255, 0.15) 2px;
	border-radius: 1.5em;
}
/*.summary-------------------*/

/*.connection----------------*/
.connection_image
{
	display: flex;
}

.rules img
{
	margin-right: auto;
	margin-left: auto;
	margin-top: 2em;
	margin-bottom: 2em;
	/*filter: grayscale(100%);*/
	transition: filter 0.5s;
}

.rules:hover img
{
	/*filter: grayscale(0%);*/
	animation: image2 0.5s forwards;
}
/*.connection----------------*/

/*external_links-------------*/
.external_links
{
	display: flex;
	padding: 1.5em;
	margin-left: auto;
	margin-right: auto;
}

/*img------------------------*/
.external_links img
{
	border-radius: 1.5em;
	width: 20em;
	height: 100%;
	margin-left: auto;
	margin-right: 1.5em;
	transition: all 0.5s;
	filter: drop-shadow(rgba(0, 0, 0, 0.25) 0px 0px 10px);
}

.external_links img:hover
{
	transform: scale(1.025);
	filter: drop-shadow(rgba(0, 0, 0, 0.25) 0px 0px 15px);
}
/*img------------------------*/

/*discord_iframe-------------*/
.discord_iframe
{
	display: flex;
	justify-content: justify;
	border-radius: 1.5em;
	margin-right: 1.5em;
	margin-left: 1.5em;
}

.discord
{
	height: 20em;
	width: 40em;
	transition: all 0.5s;
	filter: drop-shadow(rgba(0, 0, 0, 0.25) 0px 0px 10px);
}

.discord:hover
{
	transform: scale(1.025);
	filter: drop-shadow(rgba(0, 0, 0, 0.25) 0px 0px 15px);
}
/*discord_iframe-------------*/

/*external_links_buttons-----*/
.external_links_buttons
{
	display: flex;
	flex-direction: column;
	margin-right: auto;
}

.external_links_buttons a
{
	color: white;
	font-size: xx-large;
	text-decoration: none;
	font-family: "coolvetica", "Calibri", serif;
	margin-top: 1.5em;
	margin-bottom: 1.5em;
	margin-left: auto;
	margin-right: auto;
	background: linear-gradient(45deg, rgb(0, 140, 255), rgb(0, 60, 255));
	border-radius: 2em;
	padding: 0.5em;
	transition: color 0.5s;
}

.external_links_buttons a:hover
{
	background: white;
	color: transparent;
}

.external_links_buttons aside
{
	margin: auto auto auto 1.5em;
	transition: all 0.5s;
	filter: drop-shadow(rgba(0, 0, 0, 0.25) 0px 0px 10px);
}

.external_links_buttons aside:hover
{
	transform: scale(1.05);
	filter: drop-shadow(rgba(0, 0, 0, 0.25) 0px 0px 15px);
}

.external_links_background_text
{
	background: linear-gradient(45deg, rgb(0, 140, 255)25%, rgb(0, 60, 255)75%);
	background-clip: text;
	-webkit-background-clip: text;
}
/*external_links_buttons-----*/

/*external_links-------------*/

/*.video---------------------*/
.video
{
	margin-top: 3em;
	margin-bottom: 3em;
	margin-right: auto;
	margin-left: auto;
	background-image: url("images/fond_screen.webp");
	border-radius: 1.5em;
	padding: 2em;
	transition: all 0.5S;
	overflow: auto;
	width: 1280px;
	filter: drop-shadow(rgba(0, 0, 0, 0.25) 0px 0px 10px);
}

.video:hover
{
	transform: scale(1.025);
	filter: drop-shadow(rgba(0, 0, 0, 0.25) 0px 0px 15px);
}

.video iframe
{
	background-image: src("images/loading.webp");
	background-repeat: no-repeat;
	border-radius: 1em;
}
/*.video---------------------*/

/*commands-------------------*/
.vip_commands
{
	background: linear-gradient(45deg, rgb(255, 200, 0)25%, rgb(255, 120, 0)75%);
	background-clip: text;
	-webkit-background-clip: text;
}

.vip2_commands
{
	background: linear-gradient(45deg, rgb(40, 255, 0)25%, rgb(0, 130, 40)75%);
	background-clip: text;
	-webkit-background-clip: text;
}

mark
{
	text-decoration: none;
	font-weight: bold;
}
/*commands-------------------*/

/*unavailable----------------*/
.void
{
	height: 100%;
}

.unavailable
{
	background: linear-gradient(45deg, rgb(255, 75, 0)25%, rgb(255, 0, 0)75%);
	background-clip: text;
	-webkit-background-clip: text;
}
/*unavailable----------------*/

/*.crafts--------------------*/
.flex
{
	display: flex;
	flex-wrap: wrap;
}

.crafts
{
	margin-right: auto;
	margin-left: auto;
	margin-top: 1.5em;
	margin-bottom: 1.5em;
	text-align: center;
	font-style: italic;
	padding-left: 1.5em;
}

.crafts img
{
	max-width: 25em;
	border-radius: 1em;
	transition: all 0.5s;
	filter: drop-shadow(rgba(0, 0, 0, 0.25) 0px 0px 10px);
}

.crafts img:hover
{
	transform: scale(1.025);
	border-radius: 0.5em;
	filter: drop-shadow(rgba(0, 0, 0, 0.25) 0px 0px 15px);
}

.name
{
	text-decoration: underline;
}
/*.crafts--------------------*/

/*animations-----------------*/
@keyframes image
{
	0%{
		transform: scale(1.0);
	}
	50%{
		transform: scale(1.05);
	}
	100%{
		transform: scale(1.0);
	}
}

@keyframes image2
{
	0%{
		transform: scale(1.0);
	}
	50%{
		transform: scale(1.025);
	}
	100%{
		transform: scale(1.0);
	}
}
/*animations-----------------*/

/*footer---------------------*/
footer
{
	width: 100%;
	background-image: url("images/fond_screen.webp");
	border-bottom: : solid rgb(0, 140, 255) 5px;
	margin-top: 1.5em;
	filter: drop-shadow(rgba(0, 0, 0, 0.75) 0px 0px 10px);
}

footer nav ul
{
	list-style: none;
	display: flex;
	text-align: center;
}

footer li
{
	margin-left: auto;
	margin-right: auto;
	margin-top: 3em;
	margin-bottom: 3em;
}

footer li a
{
	font-family: "coolvetica", "Calibri", serif;
	padding: 0.5em;
	padding-right: 1em;
	padding-left: 1em;
	text-decoration: none;
	font-size: x-large;
	color: white;
	text-align: center;
	border: solid transparent 2px;
	border-radius: 1.5em;
	transition: border 0.5s;
}

footer li a:hover
{
	background: linear-gradient(45deg, rgba(0, 140, 255, 0.1), rgba(0, 60, 255, 0.1));
	border: solid rgba(0, 140, 255, 0.15) 2px;
	border-radius: 1.5em;
}
/*footer---------------------*/

/*scrollbar------------------*/
*::-webkit-scrollbar
{
  width: 12px;
}

*::-webkit-scrollbar-track, scrollbar-track
{
  background: #353535;
}

*::-webkit-scrollbar-thumb, scrollbar-thumb
{
  background: linear-gradient(45deg, rgb(0, 140, 255), rgb(0, 60, 255));
  border-radius: 20px;
}
/*scrollbar------------------*/