h2{
	font-family:"Abril Fatface", sans-serif;
}
.results{
	background-position:center top;
	background-size:20%;
	background-repeat:no-repeat;
}
.results .elemDecoration{
	text-align:left;
	margin-bottom:1em;
}
.results .elemDecoration img{
	width:15em;
}
.results .blocCentral hgroup{
	text-align:right;
	font-family:"Abril Fatface", sans-serif;
	margin-bottom:2em;
}
.results .blocCentral hgroup h1{
	color:var(--basicColor1);
	font-size:2em;
	transform:rotate(-5deg);
	margin-bottom:-1.3em;
}
.results .blocCentral hgroup h2{
	font-size:5em;
	color:var(--basicText2022);
	letter-spacing:.1em;
}
.results .blocCentral hgroup p{
	background-color:var(--basicText2022);
	color:white;
	padding:0.1em .3em;
	margin-left:5em;
	width:auto;
	font-family:"Inconsolata" !important;
	display:inline-block;
	font-size:1.5em;
	margin-top:-1em;
}
.oneTrophee{
	padding:2em 0 3em 0;
}
.imgTeam{
	width:80%;
	margin:0 auto 5em auto;
}
.imgTeam img{
	width:100%;
	height:auto;
}
.scores{
	margin-bottom:5em;
	padding-top:3em;
}
.joueur span{
	text-transform:capitalize;
}
.scores .scoreContainer p{
	position:absolute;
	top:-1.9em;
	left:15%;
	font-size:7em;
	font-weight:900;
	color:var(--basicColor1);
	font-family:"Abril Fatface";
	opacity:20%;
	z-index:-1;
}
.congrats{
	margin:1em 0 5em 0;
}
.congrats h2{
	font-size:3em;
	color:var(--basicText2022);
	margin-bottom:.5em;
}
.congrats h3{
	font-size:1.5em;
	color:var(--basicColor1);
}
.ekip{
	font-size:3em;
	margin:0 auto 1em auto;
}
.ekip:before{
	content:"";
	width:35%;
	height:2px;
	position:absolute;
	top:.7em;
	left:0;
	background:rgb(255, 255, 255);
	background:linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgb(0, 0, 0) 30%, rgb(0, 0, 0) 70%, rgba(255, 255, 255, 0) 100%);
}
.ekip:after{
	content:"";
	width:35%;
	height:2px;
	position:absolute;
	top:.7em;
	right:0;
	background:rgb(255, 255, 255);
	background:linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgb(0, 0, 0) 30%, rgb(0, 0, 0) 70%, rgba(255, 255, 255, 0) 100%);
}
.bars{
	background:rgb(255, 255, 255);
	background:linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgb(0, 0, 0) 30%, rgb(0, 0, 0) 70%, rgba(255, 255, 255, 0) 100%);
	width:80%;
	height:2px;
	border:none;
}
#shareBtn{
	cursor:pointer;
	background-color:white;
	padding:.3em 1em;
	border-radius:var(--basicBorderRadius);
	transition:.5s;
	border:solid 1px var(--basicColor1);
}
#shareBtn p{
	width:90%;
	overflow:hidden;
	text-overflow:ellipsis;
}
#shareBtn:hover{
	background-color:#ffe5e5;
	border:solid 1px var(--basicText2022);
}
#shareBtn svg path{
	fill:var(--basicColor1);
	transition:.5s;
}
#shareBtn:hover svg path{
	fill:var(--basicColor3);
}
.share h2{
	margin-bottom:1em;
	font-size:2em;
	color:var(--basicText2022);
}
.shareModule{
	align-items:flex-end;
}
.playAgain button{
	color:white;
	/*border: solid 2px white;*/
	font-family:"Inconsolata", "sans-serif";
	font-size:1.2em;
	transition:.5s;
	background-color:var(--basicColor1);
}
.playAgain:hover button{
	border:solid 1px var(--basicColor1);
	background-color:#ffe5e5;
	color:var(--basicColor1);
}
.hideCard{
	height:16em;
	width:11em;
	overflow:hidden;
	padding-top:1em;
	background-size:cover;
	position:relative;
	border-radius:20px;
}
.hideCard .name{
	background-color:#fff;
	font-weight:700;
	margin:0 auto;
	position:absolute;
	bottom:0;
	transform:rotate(-30deg) translateX(-50%);
	left:50%;
	width:150%;
	padding:0.5em 2em 8em 4em;
}
.hideCard .name p{
	width:90%;
	text-align:center;
	margin:0 auto;
}
.addToClipBoard{
	position:absolute;
	top:6em;
	left:25%;
	background-color:var(--basicColor1);
	padding:.5em 1.5em;
	font-size:.8em;
	border-radius:var(--basicBorderRadius);
	transition:1s;
	display:none;
}
.block{
	display:block;
}
.addToClipBoard:before{
	content:"";
	width:0;
	height:0;
	border-left:1.2em solid transparent;
	border-right:1.2em solid transparent;
	border-bottom:1.2em solid var(--basicColor1);
	top:-1em;
	position:absolute;
	left:45%;
}
.bonus{
	margin-bottom:2em;
	justify-content:space-around;
}
.bonus .tagList{
	width:32%;
	padding:1em;
}
.barreContainer{
	width:80%;
	border:solid 1px black;
	height:1.7em;
	display:block;
	margin:0 auto 5em auto;
	border-radius:25px;
	position:relative;
	z-index:2;
	overflow:hidden;
}
.barreProgression{
	background-color:var(--basicColor1);
	height:100%;
	display:block;
	border-radius:25px;
	position:relative;
	z-index:1;
	transition:1s;
	width:0%;
}
.shareSocialsNetwork{
	margin-bottom:2em;
}
.btnLinkedin{
	background-color:#0E76A8;
	border-radius:5px;
	padding:.5em;
	color:white;
	font-size:13px;
	box-sizing:content-box;
	margin:0 5em;
	bottom:5px;
	position:relative;
}
.btnLinkedin svg{
	padding-right:.5em;
}
.btnLinkedin svg path{
	fill:white;
}
.card1{
	transform:rotate(-20deg) translateY(2em);
}
.card2{
	transform:rotate(-11deg) translateX(0.5em);
}
.card3{
	transform:rotate(2deg);
}
.card4{
	transform:rotate(15deg);
}
.card5{
	transform:rotate(22deg) translateY(1.5em);
}
.topResult{
	font-family:"Inconsolata", sans-serif;
	text-align:right;
	margin-top:-2em;
	position:relative;
	background-color:rgba(255, 255, 255, 0.5);
	padding:0.75em;
	border:solid 2px #ec959f;
	border-radius:10px;
	padding-left:1.5em;
}
.topResult span{
	display:block;
	color:var(--basicColor1);
	font-size:1.2em;
	font-weight:600;
	margin-top:0.2em;
}
.topResult a strong{
	color:#d0b162;
}
.topResult svg{
	position:absolute;
	left:-3em;
	transform:rotate(-20deg);
	top:-1em;
	height:4em;
	width:4em;
	opacity:1;
	z-index:2;
}
.topResult a{
	position:relative;
	z-index:3;
	display:block;
	color:#1d1d1d;
}