body {
	background: #111;
	display: flex;
	justify-content: center;
	align-items: center;
	height: 100vh;
	overflow: hidden;
	margin: 0;
	padding: 0;
}

.cube {
	position: relative;
	width: 200px;
	transform-style: preserve-3d;
	animation: spin 5s infinite linear;
	rotate: x -20deg;
	transition: scale 0.5s linear;
	scale: 0.5;
	transform-origin: center top;
	transform: translateY(-100px);
}

.hover:hover {
	scale: 0.8;
}

.hover:hover .bottom {
	opacity: 1;
}

.cube div {
	position: absolute;
	width: 200px;
	height: 200px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.back {
	transform: translateZ(-100px) rotateY(180deg);
}

.right {
	transform: rotateY(-270deg) translateX(100px);
	transform-origin: top right;
}

.left {
	transform: rotateY(270deg) translateX(-100px);
	transform-origin: center left;
}

.top {
	transform: rotateX(-90deg) translateY(-100px);
	transform-origin: top center;
}

.bottom {
	transform: translateY(100px);
	translate: 0 100px;
	transform-origin: bottom center;
	font-size: 100px;
	color: white;
	font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
	opacity: 0;
	text-align: center;
}

.top,
.left,
.right,
.back,
.front {
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
}

.vert .left {
	background-image: url(https://opgg-static.akamaized.net/meta/images/lol/15.8.1/champion/MonkeyKing.png?image=c_crop,h_103,w_103,x_9,y_9/q_auto:good,f_webp,w_160,h_160&v=1508);
}

.vert .top {
	background-image: url(../img/vaalouu.png);
}

.vert .right {
	background-image: url(https://opgg-static.akamaized.net/meta/images/lol/15.8.1/champion/Graves.png?image=c_crop,h_103,w_103,x_9,y_9/q_auto:good,f_webp,w_160,h_160&v=1508);
}

.vert .back {
	background-image: url(https://opgg-static.akamaized.net/meta/images/lol/15.8.1/champion/Kindred.png?image=c_crop,h_103,w_103,x_9,y_9/q_auto:good,f_webp,w_160,h_160&v=1508);
}

.vert .front {
	background-image: url(https://opgg-static.akamaized.net/meta/images/lol/15.8.1/champion/Zyra.png?image=c_crop,h_103,w_103,x_9,y_9/q_auto:good,f_webp,w_160,h_160&v=1508);
}

.bleu .top {
	background: url(../img/axel.png);
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
}

.bleu .left,
.bleu .right,
.bleu .back,
.bleu .front {
	background-image: url(https://opgg-static.akamaized.net/meta/images/lol/15.8.1/champion/MasterYi.png?image=c_crop,h_103,w_103,x_9,y_9/q_auto:good,f_webp,w_160,h_160&v=1508);
}

.skilen .top {
	background-image: url(../img/skilen.png);
	background-position: center bottom;
}

.skilen .front {
	background-image: url(https://opgg-static.akamaized.net/meta/images/lol/15.8.1/champion/Ornn.png?image=c_crop,h_103,w_103,x_9,y_9/q_auto:good,f_webp,w_160,h_160&v=1508);
}

.skilen .right {
	background-image: url(https://opgg-static.akamaized.net/meta/images/lol/15.8.1/champion/LeeSin.png?image=c_crop,h_103,w_103,x_9,y_9/q_auto:good,f_webp,w_160,h_160&v=1508);
}

.skilen .back {
	background-image: url(https://opgg-static.akamaized.net/meta/images/lol/15.8.1/champion/Jax.png?image=c_crop,h_103,w_103,x_9,y_9/q_auto:good,f_webp,w_160,h_160&v=1508);
}

.skilen .left {
	background-image: url(https://opgg-static.akamaized.net/meta/images/lol/15.8.1/champion/Olaf.png?image=c_crop,h_103,w_103,x_9,y_9/q_auto:good,f_webp,w_160,h_160&v=1508);
}

.pyro .top {
	background-image: url(../img/pyro.jpg);
}

.pyro .front {
	background-image: url(https://opgg-static.akamaized.net/meta/images/lol/15.8.1/champion/Kled.png?image=c_crop,h_103,w_103,x_9,y_9/q_auto:good,f_webp,w_160,h_160&v=1508);
}

.pyro .right {
	background-image: url(https://opgg-static.akamaized.net/meta/images/lol/15.8.1/champion/Thresh.png?image=c_crop,h_103,w_103,x_9,y_9/q_auto:good,f_webp,w_160,h_160&v=1508);
}

.pyro .back {
	background-image: url(https://opgg-static.akamaized.net/meta/images/lol/15.8.1/champion/Nautilus.png?image=c_crop,h_103,w_103,x_9,y_9/q_auto:good,f_webp,w_160,h_160&v=1508);
}

.pyro .left {
	background-image: url(https://opgg-static.akamaized.net/meta/images/lol/15.8.1/champion/Rell.png?image=c_crop,h_103,w_103,x_9,y_9/q_auto:good,f_webp,w_160,h_160&v=1508);
}

.teewoo .top {
	background-image: url(../img/teewoo.jpg);
}

.teewoo .front {
	background-image: url(https://opgg-static.akamaized.net/meta/images/lol/15.8.1/champion/Kaisa.png?image=c_crop,h_103,w_103,x_9,y_9/q_auto:good,f_webp,w_160,h_160&v=1508);
}

.teewoo .right {
	background-image: url(https://opgg-static.akamaized.net/meta/images/lol/15.8.1/champion/Jhin.png?image=c_crop,h_103,w_103,x_9,y_9/q_auto:good,f_webp,w_160,h_160&v=1508);
}

.teewoo .back {
	background-image: url(https://opgg-static.akamaized.net/meta/images/lol/15.8.1/champion/Varus.png?image=c_crop,h_103,w_103,x_9,y_9/q_auto:good,f_webp,w_160,h_160&v=1508);
}

.teewoo .left {
	background-image: url(https://opgg-static.akamaized.net/meta/images/lol/15.8.1/champion/Zeri.png?image=c_crop,h_103,w_103,x_9,y_9/q_auto:good,f_webp,w_160,h_160&v=1508);
}

.iriona .top {
	background-image: url(../img/iriona.png);
}

.iriona .front {
	background-image: url(https://opgg-static.akamaized.net/meta/images/lol/15.8.1/champion/Zyra.png?image=c_crop,h_103,w_103,x_9,y_9/q_auto:good,f_webp,w_160,h_160&v=1508);
}

.iriona .right {
	background-image: url(https://opgg-static.akamaized.net/meta/images/lol/15.8.1/champion/Pyke.png?image=c_crop,h_103,w_103,x_9,y_9/q_auto:good,f_webp,w_160,h_160&v=1508);
}

.iriona .back {
	background-image: url(https://opgg-static.akamaized.net/meta/images/lol/15.8.1/champion/Nami.png?image=c_crop,h_103,w_103,x_9,y_9/q_auto:good,f_webp,w_160,h_160&v=1508);
}

.iriona .left {
	background-image: url(https://opgg-static.akamaized.net/meta/images/lol/15.8.1/champion/Milio.png?image=c_crop,h_103,w_103,x_9,y_9/q_auto:good,f_webp,w_160,h_160&v=1508);
}

.coteRose,
.rose .top {
	background: url(https://cdn.discordapp.com/icons/762004208437559296/f760faf3848a33905803bb0a0772cd86.webp?);
	background-size: contain;
}

.titi .top {
	background-image: url(../img/titi.png);
	background-position: center top;
}

.titi .front {
	background-image: url(https://opgg-static.akamaized.net/meta/images/lol/15.8.1/champion/Syndra.png?image=c_crop,h_103,w_103,x_9,y_9/q_auto:good,f_webp,w_160,h_160&v=1508);
}

.titi .right {
	background-image: url(https://opgg-static.akamaized.net/meta/images/lol/15.8.1/champion/Yone.png?image=c_crop,h_103,w_103,x_9,y_9/q_auto:good,f_webp,w_160,h_160&v=1508);
}

.titi .back {
	background-image: url(https://opgg-static.akamaized.net/meta/images/lol/15.8.1/champion/Volibear.png?image=c_crop,h_103,w_103,x_9,y_9/q_auto:good,f_webp,w_160,h_160&v=1508);
}

.titi .left {
	background-image: url(https://opgg-static.akamaized.net/meta/images/lol/15.8.1/champion/Kennen.png?image=c_crop,h_103,w_103,x_9,y_9/q_auto:good,f_webp,w_160,h_160&v=1508);
}

.marme .top {
	background-image: url(../img/marme.jpg);
}

.marme .front {
	background-image: url(https://opgg-static.akamaized.net/meta/images/lol/15.8.1/champion/XinZhao.png?image=c_crop,h_103,w_103,x_9,y_9/q_auto:good,f_webp,w_160,h_160&v=1508);
}

.marme .right {
	background-image: url(https://opgg-static.akamaized.net/meta/images/lol/15.8.1/champion/Maokai.png?image=c_crop,h_103,w_103,x_9,y_9/q_auto:good,f_webp,w_160,h_160&v=1508);
}

.marme .back {
	background-image: url(https://opgg-static.akamaized.net/meta/images/lol/15.8.1/champion/Viego.png?image=c_crop,h_103,w_103,x_9,y_9/q_auto:good,f_webp,w_160,h_160&v=1508);
}

.marme .left {
	background-image: url(https://opgg-static.akamaized.net/meta/images/lol/15.8.1/champion/Kayn.png?image=c_crop,h_103,w_103,x_9,y_9/q_auto:good,f_webp,w_160,h_160&v=1508);
}

.aimless .top {
	background-image: url(../img/aimless.jpg);
}

.aimless .front {
	background-image: url(https://opgg-static.akamaized.net/meta/images/lol/15.9.1/champion/Akali.png?image=c_crop,h_103,w_103,x_9,y_9/q_auto:good,f_webp,w_160,h_160&v=1508);
}

.aimless .right {
	background-image: url(https://opgg-static.akamaized.net/meta/images/lol/15.9.1/champion/Kaisa.png?image=c_crop,h_103,w_103,x_9,y_9/q_auto:good,f_webp,w_160,h_160&v=1508);
}

.aimless .back {
	background-image: url(https://opgg-static.akamaized.net/meta/images/lol/15.9.1/champion/Neeko.png?image=c_crop,h_103,w_103,x_9,y_9/q_auto:good,f_webp,w_160,h_160&v=1508);
}

.aimless .left {
	background-image: url(https://opgg-static.akamaized.net/meta/images/lol/15.9.1/champion/Sylas.png?image=c_crop,h_103,w_103,x_9,y_9/q_auto:good,f_webp,w_160,h_160&v=1508);
}

.front {
	transform: translateZ(100px);
}


@keyframes spin {
	from {
		transform: rotateY(0);
	}

	to {
		transform: rotateY(360deg);
	}
}

.wheel {
	display: flex;
	align-items: flex-start;
	justify-content: center;
	width: 100px;
	height: 100px;
	animation: rotateWheel 10s linear infinite;
}


.wheel-item {
	position: absolute;
	margin: -25px;
}

.wheel-item:nth-child(2) {
	transform: translateX(200px);
}

.wheel-item:nth-child(3) {
	transform: rotate(60deg) translateX(200px) rotate(-60deg);
}

.wheel-item:nth-child(4) {
	transform: rotate(120deg) translateX(200px) rotate(-120deg);
}

.wheel-item:nth-child(5) {
	transform: rotate(180deg) translateX(200px) rotate(-180deg);
}

.wheel-item:nth-child(6) {
	transform: rotate(240deg) translateX(200px) rotate(-240deg);
}

.wheel-item:nth-child(7) {
	transform: rotate(300deg) translateX(200px) rotate(-300deg);
}

.wheel-item:nth-child(1) {
	transform: rotate(0) translateX(0) rotate(0);
}

@keyframes rotateWheel {
	from {
		transform: rotate(0deg);
	}

	to {
		transform: rotate(360deg);
	}
}

@keyframes rotateWheelReverse {
	from {
		transform: rotate(0deg);
	}

	to {
		transform: rotate(-360deg);
	}
}

.wheelReverse {
	display: flex;
	align-items: flex-start;
	justify-content: center;
	width: 100px;
	height: 100px;
	position: absolute;
	animation: rotateWheelReverse 15s linear infinite;
}

.wheelR-item {
	position: absolute;
	margin: -25px;
}

.wheelR-item:nth-child(1) {
	transform: translateX(400px);
}

.wheelR-item:nth-child(2) {
	transform: rotate(60deg) translateX(400px) rotate(-60deg);
}

.wheelR-item:nth-child(3) {
	transform: rotate(120deg) translateX(400px) rotate(-120deg);
}

.wheelR-item:nth-child(4) {
	transform: rotate(180deg) translateX(400px) rotate(-180deg);
}

.wheelR-item:nth-child(5) {
	transform: rotate(240deg) translateX(400px) rotate(-240deg);
}

.wheelR-item:nth-child(6) {
	transform: rotate(300deg) translateX(400px) rotate(-300deg);
}

.wheelR-item:nth-child(7) {
	transform: rotate(30deg) translateX(400px) rotate(-30deg);
}

.wheelR-item:nth-child(8) {
	transform: rotate(90deg) translateX(400px) rotate(-90deg);
}

.wheelR-item:nth-child(9) {
	transform: rotate(150deg) translateX(400px) rotate(-150deg);
}

.wheelR-item:nth-child(10) {
	transform: rotate(210deg) translateX(400px) rotate(-210deg);
}

.wheelR-item:nth-child(11) {
	transform: rotate(270deg) translateX(400px) rotate(-270deg);
}

.wheelR-item:nth-child(12) {
	transform: rotate(330deg) translateX(400px) rotate(-330deg);
}

.caca {
	display: flex;
	position: absolute;
	background-image: url(../img/Soutif.png), url(../img/wallo.jpg), url(../img/sinje.png);
	opacity: 0;
}