#rubiks_top_square_0_0 .label {	background-color: rgba(200, 200, 200, 0.3);}#rubiks_top_square_0_1 .label {	background-color: yellow;box-shadow: inset 0 -2px 2px rgba(0,0,0,0.5), inset 0 2px 2px rgba(255,255,255,0.8);}#rubiks_top_square_0_2 .label {	background-color: rgba(200, 200, 200, 0.3);}#rubiks_top_square_1_0 .label {	background-color: yellow;box-shadow: inset 0 -2px 2px rgba(0,0,0,0.5), inset 0 2px 2px rgba(255,255,255,0.8);}#rubiks_top_square_1_1 .label {	background-color: yellow;box-shadow: inset 0 -2px 2px rgba(0,0,0,0.5), inset 0 2px 2px rgba(255,255,255,0.8);}#rubiks_top_square_1_2 .label {	background-color: yellow;box-shadow: inset 0 -2px 2px rgba(0,0,0,0.5), inset 0 2px 2px rgba(255,255,255,0.8);}#rubiks_top_square_2_0 .label {	background-color: rgba(200, 200, 200, 0.3);}#rubiks_top_square_2_1 .label {	background-color: yellow;box-shadow: inset 0 -2px 2px rgba(0,0,0,0.5), inset 0 2px 2px rgba(255,255,255,0.8);}#rubiks_top_square_2_2 .label {	background-color: rgba(200, 200, 200, 0.3);}#rubiks_left_square_0_0 .label {	background-color: rgba(200, 200, 200, 0.3);}#rubiks_left_square_0_1 .label {	background-color: rgba(200, 200, 200, 0.3);}#rubiks_left_square_0_2 .label {	background-color: rgba(200, 200, 200, 0.3);}#rubiks_left_square_1_0 .label {	background-color: green;}#rubiks_left_square_1_1 .label {	background-color: green;}#rubiks_left_square_1_2 .label {	background-color: green;}#rubiks_left_square_2_0 .label {	background-color: green;}#rubiks_left_square_2_1 .label {	background-color: green;}#rubiks_left_square_2_2 .label {	background-color: green;}#rubiks_front_square_0_0 .label {	background-color: rgba(200, 200, 200, 0.3);}#rubiks_front_square_0_1 .label {	background-color: rgba(200, 200, 200, 0.3);}#rubiks_front_square_0_2 .label {	background-color: yellow;box-shadow: inset 0 -2px 2px rgba(0,0,0,0.5), inset 0 2px 2px rgba(255,255,255,0.8);}#rubiks_front_square_1_0 .label {	background-color: orange;box-shadow: inset 0 -2px 2px rgba(0,0,0,0.5), inset 0 2px 2px rgba(255,255,255,0.8);}#rubiks_front_square_1_1 .label {	background-color: orange;box-shadow: inset 0 -2px 2px rgba(0,0,0,0.5), inset 0 2px 2px rgba(255,255,255,0.8);}#rubiks_front_square_1_2 .label {	background-color: orange;box-shadow: inset 0 -2px 2px rgba(0,0,0,0.5), inset 0 2px 2px rgba(255,255,255,0.8);}#rubiks_front_square_2_0 .label {	background-color: orange;box-shadow: inset 0 -2px 2px rgba(0,0,0,0.5), inset 0 2px 2px rgba(255,255,255,0.8);}#rubiks_front_square_2_1 .label {	background-color: orange;box-shadow: inset 0 -2px 2px rgba(0,0,0,0.5), inset 0 2px 2px rgba(255,255,255,0.8);}#rubiks_front_square_2_2 .label {	background-color: orange;box-shadow: inset 0 -2px 2px rgba(0,0,0,0.5), inset 0 2px 2px rgba(255,255,255,0.8);}#rubiks_right_square_0_0 .label {	background-color: rgba(200, 200, 200, 0.3);}#rubiks_right_square_0_1 .label {	background-color: rgba(200, 200, 200, 0.3);}#rubiks_right_square_0_2 .label {	background-color: rgba(200, 200, 200, 0.3);}#rubiks_right_square_1_0 .label {	background-color: blue;box-shadow: inset 0 -2px 2px rgba(0,0,0,0.5), inset 0 2px 2px rgba(255,255,255,0.8);}#rubiks_right_square_1_1 .label {	background-color: blue;box-shadow: inset 0 -2px 2px rgba(0,0,0,0.5), inset 0 2px 2px rgba(255,255,255,0.8);}#rubiks_right_square_1_2 .label {	background-color: blue;box-shadow: inset 0 -2px 2px rgba(0,0,0,0.5), inset 0 2px 2px rgba(255,255,255,0.8);}#rubiks_right_square_2_0 .label {	background-color: blue;box-shadow: inset 0 -2px 2px rgba(0,0,0,0.5), inset 0 2px 2px rgba(255,255,255,0.8);}#rubiks_right_square_2_1 .label {	background-color: blue;box-shadow: inset 0 -2px 2px rgba(0,0,0,0.5), inset 0 2px 2px rgba(255,255,255,0.8);}#rubiks_right_square_2_2 .label {	background-color: blue;box-shadow: inset 0 -2px 2px rgba(0,0,0,0.5), inset 0 2px 2px rgba(255,255,255,0.8);}#rubiks_back_square_0_0 .label {	background-color: rgba(200, 200, 200, 0.3);}#rubiks_back_square_0_1 .label {	background-color: rgba(200, 200, 200, 0.3);}#rubiks_back_square_0_2 .label {	background-color: rgba(200, 200, 200, 0.3);}#rubiks_back_square_1_0 .label {	background-color: red;}#rubiks_back_square_1_1 .label {	background-color: red;}#rubiks_back_square_1_2 .label {	background-color: red;}#rubiks_back_square_2_0 .label {	background-color: red;}#rubiks_back_square_2_1 .label {	background-color: red;}#rubiks_back_square_2_2 .label {	background-color: red;}#rubiks_bottom_square_0_0 .label {	background-color: white;}#rubiks_bottom_square_0_1 .label {	background-color: white;}#rubiks_bottom_square_0_2 .label {	background-color: white;}#rubiks_bottom_square_1_0 .label {	background-color: white;}#rubiks_bottom_square_1_1 .label {	background-color: white;}#rubiks_bottom_square_1_2 .label {	background-color: white;}#rubiks_bottom_square_2_0 .label {	background-color: white;}#rubiks_bottom_square_2_1 .label {	background-color: white;}#rubiks_bottom_square_2_2 .label {	background-color: white;}
#rubiks {
	position: relative;
	top: -0px;
	left: 100px;
	transform: scale(0.6, 0.6);
	transform-origin: 0px 0px;
}

.rubiks_square {
        width: 100px;
        height: 100px;
        color: transparent;
        position: relative;
        float: left;
        box-sizing:border-box;
        border: 5px solid black;
}

.rubiks_square .label {
	position: relative;
	top: -5px;
	left: -5px;
	height: 90px;
	width: 90px;
	border-radius: 15px;
	text-align: center;
        line-height: 94px;
	border: 5px solid black;
}

.rubiks_side {
	width: 300px;
	height: 300px;
	position: relative;
}

#rubiks_top {
	left: 100px;
	position: relative;
	transform: skewX(-45deg) scale(1, 0.25);
	transform-origin: 0px 300px;
}

#left_front_right_back {
	width: 1200px;
	height: 300px;
}

#left_front_right_back .rubiks_side {
	float: left;
}

#rubiks_front {
	left: -200px;
}

#rubiks_right {
	left: -200px;
	transform: skewY(-45deg) scale(0.25, 1);
	transform-origin: 0px 0px;
}

#rubiks_back {
top: -75px; left: -725px;	z-index: -1;
}

#rubiks_bottom {
        transform: skewX(-45deg) scale(1, 0.25);
        transform-origin: 0px 300px;
top: -300px;	left: 100px;
	z-index: -1;

	box-shadow: 15px 50px 50px 20px rgba(0, 0, 0, 0.2);
}

#rubiks_left {
left: +100px;        transform: skewY(-45deg) scale(0.25, 1);
        transform-origin: 0px 0px;
	z-index: -1;
}

.rubiks_left_square, .rubiks_back_square, .rubiks_bottom_square {border: 5px solid #D0D0D0;}.rubiks_left_square .label, .rubiks_back_square .label, .rubiks_bottom_square .label {border: 5px solid #D0D0D0;}