@import url(http://fonts.googleapis.com/css?family=Roboto:400,700,900,300);

:root h1 {
  *zoom: 1;
  margin: 0 auto;
  max-width: 1000px;
  width: 100%;
  position: relative;
}
:root h1:before, :root h1:after {
  content: " ";
  display: table;
}
:root h1:after {
  clear: both;
}
:root h1 span {
  background: #94c6fd;
  display: block;
  float: right;
  padding-left: 20px;
}
:root h1:before {
  content: '';
  background: #333;
  height: 4px;
  width: 100%;
  position: absolute;
  top: calc(50% - 2px);
  left: 0;
  z-index: -1;
}
:root #boxshuffle {
  margin: 0 auto;
  max-width: 100%;
  width: 100%;
  box-shadow: 0 0 5px 2px #62abfc;
  max-width: 100%;
  width: 100%;
  height: 600px;
  margin-top: 25px;
  background: #94c6fd;
  overflow: hidden;
  border: 1px solid #6cb1fc;
  position: relative;
}
:root #boxshuffle * {
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  font-family: 'Roboto', Arial, sans-serif;
}
:root #boxshuffle .grid {
  height: 10%;
  width: 20%;
  background: rgba(255, 255, 255, 0.2);
  border-width: 1px;
  border-style: solid;
  border-color: rgba(0, 0, 0, 0.25) rgba(255, 255, 255, 0.25) rgba(255, 255, 255, 0.25) rgba(0, 0, 0, 0.25);
  box-shadow: 0 0 50px rgba(255, 255, 255, 0.25);
  float: left;
  position: relative;
  z-index: 1;
  left: 0;
  -webkit-transition: left 500ms;
  transition: left 500ms;
}
:root #boxshuffle [class^="item-"] {
  display: table;
  height: 10%;
  width: 20%;
  opacity: 1;
  overflow: hidden;
  padding: 5px;
  -webkit-transition: opacity 250ms;
  transition: opacity 250ms;
}
:root #boxshuffle [class^="item-"].item-1 {
  top: 0;
  left: 0;
}
:root #boxshuffle [class^="item-"].item-1 span {
  text-shadow: -3px -3px 5px #74a400;
}
:root #boxshuffle [class^="item-"].item-2 {
  top: 0;
  left: 20%;
}
:root #boxshuffle [class^="item-"].item-2 span {
  text-shadow: -3px -3px 5px #024652;
}
:root #boxshuffle [class^="item-"].item-3 {
  top: 0;
  left: 40%;
}
:root #boxshuffle [class^="item-"].item-3 span {
  text-shadow: -3px 3px 5px #b35700;
}
:root #boxshuffle [class^="item-"].item-4 {
  top: 0;
  left: 60%;
}
:root #boxshuffle [class^="item-"].item-4 span {
  text-shadow: -3px 3px 5px #79004e;
}
:root #boxshuffle [class^="item-"].item-5 {
  top: 0;
  left: 80%;
}
:root #boxshuffle [class^="item-"].item-5 span {
  text-shadow: -3px 3px 5px #39ccd4;
}







:root #boxshuffle [class^="item-"].item-6 {
  top: 10%;
  left: 0;
}
:root #boxshuffle [class^="item-"].item-6 span {
  text-shadow: -3px -3px 5px #74a400;
}
:root #boxshuffle [class^="item-"].item-7 {
  top: 10%;
  left: 20%;
}
:root #boxshuffle [class^="item-"].item-7 span {
  text-shadow: -3px -3px 5px #024652;
}
:root #boxshuffle [class^="item-"].item-8 {
  top: 10%;
  left: 40%;
}
:root #boxshuffle [class^="item-"].item-8 span {
  text-shadow: -3px 3px 5px #b35700;
}
:root #boxshuffle [class^="item-"].item-9 {
  top: 10%;
  left: 60%;
}
:root #boxshuffle [class^="item-"].item-9 span {
  text-shadow: -3px 3px 5px #79004e;
}
:root #boxshuffle [class^="item-"].item-10 {
  top: 10%;
  left: 80%;
}
:root #boxshuffle [class^="item-"].item-10 span {
  text-shadow: -3px 3px 5px #39ccd4;
}








:root #boxshuffle [class^="item-"].item-11 {
  top: 20%;
  left: 0;
}
:root #boxshuffle [class^="item-"].item-11 span {
  text-shadow: -3px -3px 5px #74a400;
}
:root #boxshuffle [class^="item-"].item-12 {
  top: 20%;
  left: 20%;
}
:root #boxshuffle [class^="item-"].item-12 span {
  text-shadow: -3px -3px 5px #024652;
}
:root #boxshuffle [class^="item-"].item-13 {
  top: 20%;
  left: 40%;
}
:root #boxshuffle [class^="item-"].item-13 span {
  text-shadow: -3px 3px 5px #b35700;
}
:root #boxshuffle [class^="item-"].item-14 {
  top: 20%;
  left: 60%;
}
:root #boxshuffle [class^="item-"].item-14 span {
  text-shadow: -3px 3px 5px #79004e;
}
:root #boxshuffle [class^="item-"].item-15 {
  top: 20%;
  left: 80%;
}
:root #boxshuffle [class^="item-"].item-15 span {
  text-shadow: -3px 3px 5px #39ccd4;
}







:root #boxshuffle [class^="item-"].item-16 {
  top: 30%;
  left: 0;
}
:root #boxshuffle [class^="item-"].item-16 span {
  text-shadow: -3px -3px 5px #74a400;
}
:root #boxshuffle [class^="item-"].item-17 {
  top: 30%;
  left: 20%;
}
:root #boxshuffle [class^="item-"].item-17 span {
  text-shadow: -3px -3px 5px #024652;
}
:root #boxshuffle [class^="item-"].item-18 {
  top: 30%;
  left: 40%;
}
:root #boxshuffle [class^="item-"].item-18 span {
  text-shadow: -3px 3px 5px #b35700;
}
:root #boxshuffle [class^="item-"].item-19 {
  top: 30%;
  left: 60%;
}
:root #boxshuffle [class^="item-"].item-19 span {
  text-shadow: -3px 3px 5px #79004e;
}
:root #boxshuffle [class^="item-"].item-20 {
  top: 30%;
  left: 80%;
}
:root #boxshuffle [class^="item-"].item-20 span {
  text-shadow: -3px 3px 5px #39ccd4;
}





:root #boxshuffle [class^="item-"].item-21 {
  top: 40%;
  left: 0;
}
:root #boxshuffle [class^="item-"].item-21 span {
  text-shadow: -3px -3px 5px #74a400;
}
:root #boxshuffle [class^="item-"].item-22 {
  top: 40%;
  left: 20%;
}
:root #boxshuffle [class^="item-"].item-22 span {
  text-shadow: -3px -3px 5px #024652;
}
:root #boxshuffle [class^="item-"].item-23 {
  top: 40%;
  left: 40%;
}
:root #boxshuffle [class^="item-"].item-23 span {
  text-shadow: -3px 3px 5px #b35700;
}
:root #boxshuffle [class^="item-"].item-24 {
  top: 40%;
  left: 60%;
}
:root #boxshuffle [class^="item-"].item-24 span {
  text-shadow: -3px 3px 5px #79004e;
}
:root #boxshuffle [class^="item-"].item-25 {
  top: 40%;
  left: 80%;
}
:root #boxshuffle [class^="item-"].item-25 span {
  text-shadow: -3px 3px 5px #39ccd4;
}







:root #boxshuffle [class^="item-"].item-26 {
  top: 50%;
  left: 0;
}
:root #boxshuffle [class^="item-"].item-26 span {
  text-shadow: -3px -3px 5px #74a400;
}
:root #boxshuffle [class^="item-"].item-27 {
  top: 50%;
  left: 20%;
}
:root #boxshuffle [class^="item-"].item-27 span {
  text-shadow: -3px -3px 5px #024652;
}
:root #boxshuffle [class^="item-"].item-28 {
  top: 50%;
  left: 40%;
}
:root #boxshuffle [class^="item-"].item-28 span {
  text-shadow: -3px 3px 5px #b35700;
}
:root #boxshuffle [class^="item-"].item-29 {
  top: 50%;
  left: 60%;
}
:root #boxshuffle [class^="item-"].item-29 span {
  text-shadow: -3px 3px 5px #79004e;
}
:root #boxshuffle [class^="item-"].item-30 {
  top: 50%;
  left: 80%;
}
:root #boxshuffle [class^="item-"].item-30 span {
  text-shadow: -3px 3px 5px #39ccd4;
}






:root #boxshuffle [class^="item-"].item-31 {
  top: 60%;
  left: 0;
}
:root #boxshuffle [class^="item-"].item-31 span {
  text-shadow: -3px -3px 5px #74a400;
}
:root #boxshuffle [class^="item-"].item-32 {
  top: 60%;
  left: 20%;
}
:root #boxshuffle [class^="item-"].item-32 span {
  text-shadow: -3px -3px 5px #024652;
}
:root #boxshuffle [class^="item-"].item-33 {
  top: 60%;
  left: 40%;
}
:root #boxshuffle [class^="item-"].item-33 span {
  text-shadow: -3px 3px 5px #b35700;
}
:root #boxshuffle [class^="item-"].item-34 {
  top: 60%;
  left: 60%;
}
:root #boxshuffle [class^="item-"].item-34 span {
  text-shadow: -3px 3px 5px #79004e;
}
:root #boxshuffle [class^="item-"].item-35 {
  top: 60%;
  left: 80%;
}
:root #boxshuffle [class^="item-"].item-35 span {
  text-shadow: -3px 3px 5px #39ccd4;
}







:root #boxshuffle [class^="item-"].item-36 {
  top: 70%;
  left: 0;
}
:root #boxshuffle [class^="item-"].item-36 span {
  text-shadow: -3px -3px 5px #74a400;
}
:root #boxshuffle [class^="item-"].item-37 {
  top: 70%;
  left: 20%;
}
:root #boxshuffle [class^="item-"].item-37 span {
  text-shadow: -3px -3px 5px #024652;
}
:root #boxshuffle [class^="item-"].item-38 {
  top: 70%;
  left: 40%;
}
:root #boxshuffle [class^="item-"].item-38 span {
  text-shadow: -3px 3px 5px #b35700;
}
:root #boxshuffle [class^="item-"].item-39 {
  top: 70%;
  left: 60%;
}
:root #boxshuffle [class^="item-"].item-39 span {
  text-shadow: -3px 3px 5px #79004e;
}
:root #boxshuffle [class^="item-"].item-40 {
  top: 70%;
  left: 80%;
}
:root #boxshuffle [class^="item-"].item-40 span {
  text-shadow: -3px 3px 5px #39ccd4;
}







:root #boxshuffle [class^="item-"].item-41 {
  top: 80%;
  left: 0;
}
:root #boxshuffle [class^="item-"].item-41 span {
  text-shadow: -3px -3px 5px #74a400;
}
:root #boxshuffle [class^="item-"].item-42 {
  top: 80%;
  left: 20%;
}
:root #boxshuffle [class^="item-"].item-42 span {
  text-shadow: -3px -3px 5px #024652;
}
:root #boxshuffle [class^="item-"].item-43 {
  top: 80%;
  left: 40%;
}
:root #boxshuffle [class^="item-"].item-43 span {
  text-shadow: -3px 3px 5px #b35700;
}
:root #boxshuffle [class^="item-"].item-44 {
  top: 80%;
  left: 60%;
}
:root #boxshuffle [class^="item-"].item-44 span {
  text-shadow: -3px 3px 5px #79004e;
}
:root #boxshuffle [class^="item-"].item-45 {
  top: 80%;
  left: 80%;
}
:root #boxshuffle [class^="item-"].item-45 span {
  text-shadow: -3px 3px 5px #39ccd4;
}







:root #boxshuffle [class^="item-"].item-46 {
  top: 90%;
  left: 0;
}
:root #boxshuffle [class^="item-"].item-46 span {
  text-shadow: -3px -3px 5px #74a400;
}
:root #boxshuffle [class^="item-"].item-47 {
  top: 90%;
  left: 20%;
}
:root #boxshuffle [class^="item-"].item-47 span {
  text-shadow: -3px -3px 5px #024652;
}
:root #boxshuffle [class^="item-"].item-48 {
  top: 90%;
  left: 40%;
}
:root #boxshuffle [class^="item-"].item-48 span {
  text-shadow: -3px 3px 5px #b35700;
}
:root #boxshuffle [class^="item-"].item-49 {
  top: 90%;
  left: 60%;
}
:root #boxshuffle [class^="item-"].item-49 span {
  text-shadow: -3px 3px 5px #79004e;
}
:root #boxshuffle [class^="item-"].item-50 {
  top: 90%;
  left: 80%;
}
:root #boxshuffle [class^="item-"].item-50 span {
  text-shadow: -3px 3px 5px #39ccd4;
}










:root #boxshuffle [class^="item-"] span {
  display: table-cell;
  font-size: 30px;
  font-weight: 700;
  text-align: center;


  text-transform: uppercase;
  vertical-align: bottom;
}
:root #boxshuffle .backimg {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
}
:root #boxshuffle [class^="item-"] {
  color: white;
  margin: 0;
  position: absolute;
  z-index: 2;
  box-shadow: inset 0 0 20px transparent;
  -webkit-transition: box-shadow 250ms;
  transition: box-shadow 250ms;
}
:root #boxshuffle [class^="item-"].item-1 {
  background: #abf000;
  background: -moz-linear-gradient(125deg, #abf000 0%, #628a00 100%);
  background: -webkit-gradient(linear, left top, right bottom, color-stop(0%, #abf000), color-stop(100%, #628a00));
  background: -webkit-linear-gradient(125deg, #abf000 0%, #628a00 100%);
  background: -o-linear-gradient(125deg, #abf000 0%, #628a00 100%);
  background: -ms-linear-gradient(125deg, #abf000 0%, #628a00 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$from', endColorstr='$to',GradientType=1 );
}
:root #boxshuffle [class^="item-"].item-2 {
  background: #04859d;
  background: -moz-linear-gradient(125deg, #04859d 0%, #01313a 100%);
  background: -webkit-gradient(linear, left top, right bottom, color-stop(0%, #04859d), color-stop(100%, #01313a));
  background: -webkit-linear-gradient(125deg, #04859d 0%, #01313a 100%);
  background: -o-linear-gradient(125deg, #04859d 0%, #01313a 100%);
  background: -ms-linear-gradient(125deg, #04859d 0%, #01313a 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$from', endColorstr='$to',GradientType=1 );
}
:root #boxshuffle [class^="item-"].item-3 {
  background: #ff7c00;
  background: -moz-linear-gradient(125deg, #ff7c00 0%, #994a00 100%);
  background: -webkit-gradient(linear, left top, right bottom, color-stop(0%, #ff7c00), color-stop(100%, #994a00));
  background: -webkit-linear-gradient(125deg, #ff7c00 0%, #994a00 100%);
  background: -o-linear-gradient(125deg, #ff7c00 0%, #994a00 100%);
  background: -ms-linear-gradient(125deg, #ff7c00 0%, #994a00 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$from', endColorstr='$to',GradientType=1 );
}
:root #boxshuffle [class^="item-"].item-4 {
  background: #c50080;
  background: -moz-linear-gradient(125deg, #c50080 0%, #5f003e 100%);
  background: -webkit-gradient(linear, left top, right bottom, color-stop(0%, #c50080), color-stop(100%, #5f003e));
  background: -webkit-linear-gradient(125deg, #c50080 0%, #5f003e 100%);
  background: -o-linear-gradient(125deg, #c50080 0%, #5f003e 100%);
  background: -ms-linear-gradient(125deg, #c50080 0%, #5f003e 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$from', endColorstr='$to',GradientType=1 );
}
:root #boxshuffle [class^="item-"].item-5 {
  background: #c50080;
  background: -moz-linear-gradient(125deg, #39ccd4 0%, #5f003e 100%);
  background: -webkit-gradient(linear, left top, right bottom, color-stop(0%, #c50080), color-stop(100%, #5f003e));
  background: -webkit-linear-gradient(125deg, #39ccd4 0%, #5f003e 100%);
  background: -o-linear-gradient(125deg, #39ccd4 0%, #39ccd4 100%);
  background: -ms-linear-gradient(125deg, #39ccd4 0%, #39ccd4 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$from', endColorstr='$to',GradientType=1 );
}








:root #boxshuffle [class^="item-"].item-6 {
  background: #abf000;
  background: -moz-linear-gradient(125deg, #abf000 0%, #628a00 100%);
  background: -webkit-gradient(linear, left top, right bottom, color-stop(0%, #abf000), color-stop(100%, #628a00));
  background: -webkit-linear-gradient(125deg, #abf000 0%, #628a00 100%);
  background: -o-linear-gradient(125deg, #abf000 0%, #628a00 100%);
  background: -ms-linear-gradient(125deg, #abf000 0%, #628a00 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$from', endColorstr='$to',GradientType=1 );
}
:root #boxshuffle [class^="item-"].item-7 {
  background: #04859d;
  background: -moz-linear-gradient(125deg, #04859d 0%, #01313a 100%);
  background: -webkit-gradient(linear, left top, right bottom, color-stop(0%, #04859d), color-stop(100%, #01313a));
  background: -webkit-linear-gradient(125deg, #04859d 0%, #01313a 100%);
  background: -o-linear-gradient(125deg, #04859d 0%, #01313a 100%);
  background: -ms-linear-gradient(125deg, #04859d 0%, #01313a 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$from', endColorstr='$to',GradientType=1 );
}
:root #boxshuffle [class^="item-"].item-8 {
  background: #ff7c00;
  background: -moz-linear-gradient(125deg, #ff7c00 0%, #994a00 100%);
  background: -webkit-gradient(linear, left top, right bottom, color-stop(0%, #ff7c00), color-stop(100%, #994a00));
  background: -webkit-linear-gradient(125deg, #ff7c00 0%, #994a00 100%);
  background: -o-linear-gradient(125deg, #ff7c00 0%, #994a00 100%);
  background: -ms-linear-gradient(125deg, #ff7c00 0%, #994a00 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$from', endColorstr='$to',GradientType=1 );
}
:root #boxshuffle [class^="item-"].item-9 {
  background: #c50080;
  background: -moz-linear-gradient(125deg, #c50080 0%, #5f003e 100%);
  background: -webkit-gradient(linear, left top, right bottom, color-stop(0%, #c50080), color-stop(100%, #5f003e));
  background: -webkit-linear-gradient(125deg, #c50080 0%, #5f003e 100%);
  background: -o-linear-gradient(125deg, #c50080 0%, #5f003e 100%);
  background: -ms-linear-gradient(125deg, #c50080 0%, #5f003e 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$from', endColorstr='$to',GradientType=1 );
}
:root #boxshuffle [class^="item-"].item-10 {
  background: #c50080;
  background: -moz-linear-gradient(125deg, #39ccd4 0%, #5f003e 100%);
  background: -webkit-gradient(linear, left top, right bottom, color-stop(0%, #c50080), color-stop(100%, #5f003e));
  background: -webkit-linear-gradient(125deg, #39ccd4 0%, #5f003e 100%);
  background: -o-linear-gradient(125deg, #39ccd4 0%, #39ccd4 100%);
  background: -ms-linear-gradient(125deg, #39ccd4 0%, #39ccd4 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$from', endColorstr='$to',GradientType=1 );
}








:root #boxshuffle [class^="item-"].item-11 {
  background: #abf000;
  background: -moz-linear-gradient(125deg, #abf000 0%, #628a00 100%);
  background: -webkit-gradient(linear, left top, right bottom, color-stop(0%, #abf000), color-stop(100%, #628a00));
  background: -webkit-linear-gradient(125deg, #abf000 0%, #628a00 100%);
  background: -o-linear-gradient(125deg, #abf000 0%, #628a00 100%);
  background: -ms-linear-gradient(125deg, #abf000 0%, #628a00 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$from', endColorstr='$to',GradientType=1 );
}
:root #boxshuffle [class^="item-"].item-12 {
  background: #04859d;
  background: -moz-linear-gradient(125deg, #04859d 0%, #01313a 100%);
  background: -webkit-gradient(linear, left top, right bottom, color-stop(0%, #04859d), color-stop(100%, #01313a));
  background: -webkit-linear-gradient(125deg, #04859d 0%, #01313a 100%);
  background: -o-linear-gradient(125deg, #04859d 0%, #01313a 100%);
  background: -ms-linear-gradient(125deg, #04859d 0%, #01313a 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$from', endColorstr='$to',GradientType=1 );
}
:root #boxshuffle [class^="item-"].item-13 {
  background: #ff7c00;
  background: -moz-linear-gradient(125deg, #ff7c00 0%, #994a00 100%);
  background: -webkit-gradient(linear, left top, right bottom, color-stop(0%, #ff7c00), color-stop(100%, #994a00));
  background: -webkit-linear-gradient(125deg, #ff7c00 0%, #994a00 100%);
  background: -o-linear-gradient(125deg, #ff7c00 0%, #994a00 100%);
  background: -ms-linear-gradient(125deg, #ff7c00 0%, #994a00 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$from', endColorstr='$to',GradientType=1 );
}
:root #boxshuffle [class^="item-"].item-14 {
  background: #c50080;
  background: -moz-linear-gradient(125deg, #c50080 0%, #5f003e 100%);
  background: -webkit-gradient(linear, left top, right bottom, color-stop(0%, #c50080), color-stop(100%, #5f003e));
  background: -webkit-linear-gradient(125deg, #c50080 0%, #5f003e 100%);
  background: -o-linear-gradient(125deg, #c50080 0%, #5f003e 100%);
  background: -ms-linear-gradient(125deg, #c50080 0%, #5f003e 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$from', endColorstr='$to',GradientType=1 );
}
:root #boxshuffle [class^="item-"].item-15 {
  background: #c50080;
  background: -moz-linear-gradient(125deg, #39ccd4 0%, #5f003e 100%);
  background: -webkit-gradient(linear, left top, right bottom, color-stop(0%, #c50080), color-stop(100%, #5f003e));
  background: -webkit-linear-gradient(125deg, #39ccd4 0%, #5f003e 100%);
  background: -o-linear-gradient(125deg, #39ccd4 0%, #39ccd4 100%);
  background: -ms-linear-gradient(125deg, #39ccd4 0%, #39ccd4 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$from', endColorstr='$to',GradientType=1 );
}








:root #boxshuffle [class^="item-"].item-16 {
  background: #abf000;
  background: -moz-linear-gradient(125deg, #abf000 0%, #628a00 100%);
  background: -webkit-gradient(linear, left top, right bottom, color-stop(0%, #abf000), color-stop(100%, #628a00));
  background: -webkit-linear-gradient(125deg, #abf000 0%, #628a00 100%);
  background: -o-linear-gradient(125deg, #abf000 0%, #628a00 100%);
  background: -ms-linear-gradient(125deg, #abf000 0%, #628a00 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$from', endColorstr='$to',GradientType=1 );
}
:root #boxshuffle [class^="item-"].item-17 {
  background: #04859d;
  background: -moz-linear-gradient(125deg, #04859d 0%, #01313a 100%);
  background: -webkit-gradient(linear, left top, right bottom, color-stop(0%, #04859d), color-stop(100%, #01313a));
  background: -webkit-linear-gradient(125deg, #04859d 0%, #01313a 100%);
  background: -o-linear-gradient(125deg, #04859d 0%, #01313a 100%);
  background: -ms-linear-gradient(125deg, #04859d 0%, #01313a 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$from', endColorstr='$to',GradientType=1 );
}
:root #boxshuffle [class^="item-"].item-18 {
  background: #ff7c00;
  background: -moz-linear-gradient(125deg, #ff7c00 0%, #994a00 100%);
  background: -webkit-gradient(linear, left top, right bottom, color-stop(0%, #ff7c00), color-stop(100%, #994a00));
  background: -webkit-linear-gradient(125deg, #ff7c00 0%, #994a00 100%);
  background: -o-linear-gradient(125deg, #ff7c00 0%, #994a00 100%);
  background: -ms-linear-gradient(125deg, #ff7c00 0%, #994a00 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$from', endColorstr='$to',GradientType=1 );
}
:root #boxshuffle [class^="item-"].item-19 {
  background: #c50080;
  background: -moz-linear-gradient(125deg, #c50080 0%, #5f003e 100%);
  background: -webkit-gradient(linear, left top, right bottom, color-stop(0%, #c50080), color-stop(100%, #5f003e));
  background: -webkit-linear-gradient(125deg, #c50080 0%, #5f003e 100%);
  background: -o-linear-gradient(125deg, #c50080 0%, #5f003e 100%);
  background: -ms-linear-gradient(125deg, #c50080 0%, #5f003e 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$from', endColorstr='$to',GradientType=1 );
}
:root #boxshuffle [class^="item-"].item-20 {
  background: #c50080;
  background: -moz-linear-gradient(125deg, #39ccd4 0%, #5f003e 100%);
  background: -webkit-gradient(linear, left top, right bottom, color-stop(0%, #c50080), color-stop(100%, #5f003e));
  background: -webkit-linear-gradient(125deg, #39ccd4 0%, #5f003e 100%);
  background: -o-linear-gradient(125deg, #39ccd4 0%, #39ccd4 100%);
  background: -ms-linear-gradient(125deg, #39ccd4 0%, #39ccd4 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$from', endColorstr='$to',GradientType=1 );
}





:root #boxshuffle [class^="item-"].item-21 {
  background: #abf000;
  background: -moz-linear-gradient(125deg, #abf000 0%, #628a00 100%);
  background: -webkit-gradient(linear, left top, right bottom, color-stop(0%, #abf000), color-stop(100%, #628a00));
  background: -webkit-linear-gradient(125deg, #abf000 0%, #628a00 100%);
  background: -o-linear-gradient(125deg, #abf000 0%, #628a00 100%);
  background: -ms-linear-gradient(125deg, #abf000 0%, #628a00 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$from', endColorstr='$to',GradientType=1 );
}
:root #boxshuffle [class^="item-"].item-22 {
  background: #04859d;
  background: -moz-linear-gradient(125deg, #04859d 0%, #01313a 100%);
  background: -webkit-gradient(linear, left top, right bottom, color-stop(0%, #04859d), color-stop(100%, #01313a));
  background: -webkit-linear-gradient(125deg, #04859d 0%, #01313a 100%);
  background: -o-linear-gradient(125deg, #04859d 0%, #01313a 100%);
  background: -ms-linear-gradient(125deg, #04859d 0%, #01313a 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$from', endColorstr='$to',GradientType=1 );
}
:root #boxshuffle [class^="item-"].item-23 {
  background: #ff7c00;
  background: -moz-linear-gradient(125deg, #ff7c00 0%, #994a00 100%);
  background: -webkit-gradient(linear, left top, right bottom, color-stop(0%, #ff7c00), color-stop(100%, #994a00));
  background: -webkit-linear-gradient(125deg, #ff7c00 0%, #994a00 100%);
  background: -o-linear-gradient(125deg, #ff7c00 0%, #994a00 100%);
  background: -ms-linear-gradient(125deg, #ff7c00 0%, #994a00 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$from', endColorstr='$to',GradientType=1 );
}
:root #boxshuffle [class^="item-"].item-24 {
  background: #c50080;
  background: -moz-linear-gradient(125deg, #c50080 0%, #5f003e 100%);
  background: -webkit-gradient(linear, left top, right bottom, color-stop(0%, #c50080), color-stop(100%, #5f003e));
  background: -webkit-linear-gradient(125deg, #c50080 0%, #5f003e 100%);
  background: -o-linear-gradient(125deg, #c50080 0%, #5f003e 100%);
  background: -ms-linear-gradient(125deg, #c50080 0%, #5f003e 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$from', endColorstr='$to',GradientType=1 );
}
:root #boxshuffle [class^="item-"].item-25 {
  background: #c50080;
  background: -moz-linear-gradient(125deg, #39ccd4 0%, #5f003e 100%);
  background: -webkit-gradient(linear, left top, right bottom, color-stop(0%, #c50080), color-stop(100%, #5f003e));
  background: -webkit-linear-gradient(125deg, #39ccd4 0%, #5f003e 100%);
  background: -o-linear-gradient(125deg, #39ccd4 0%, #39ccd4 100%);
  background: -ms-linear-gradient(125deg, #39ccd4 0%, #39ccd4 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$from', endColorstr='$to',GradientType=1 );
}








:root #boxshuffle [class^="item-"].item-26 {
  background: #abf000;
  background: -moz-linear-gradient(125deg, #abf000 0%, #628a00 100%);
  background: -webkit-gradient(linear, left top, right bottom, color-stop(0%, #abf000), color-stop(100%, #628a00));
  background: -webkit-linear-gradient(125deg, #abf000 0%, #628a00 100%);
  background: -o-linear-gradient(125deg, #abf000 0%, #628a00 100%);
  background: -ms-linear-gradient(125deg, #abf000 0%, #628a00 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$from', endColorstr='$to',GradientType=1 );
}
:root #boxshuffle [class^="item-"].item-27 {
  background: #04859d;
  background: -moz-linear-gradient(125deg, #04859d 0%, #01313a 100%);
  background: -webkit-gradient(linear, left top, right bottom, color-stop(0%, #04859d), color-stop(100%, #01313a));
  background: -webkit-linear-gradient(125deg, #04859d 0%, #01313a 100%);
  background: -o-linear-gradient(125deg, #04859d 0%, #01313a 100%);
  background: -ms-linear-gradient(125deg, #04859d 0%, #01313a 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$from', endColorstr='$to',GradientType=1 );
}
:root #boxshuffle [class^="item-"].item-28 {
  background: #ff7c00;
  background: -moz-linear-gradient(125deg, #ff7c00 0%, #994a00 100%);
  background: -webkit-gradient(linear, left top, right bottom, color-stop(0%, #ff7c00), color-stop(100%, #994a00));
  background: -webkit-linear-gradient(125deg, #ff7c00 0%, #994a00 100%);
  background: -o-linear-gradient(125deg, #ff7c00 0%, #994a00 100%);
  background: -ms-linear-gradient(125deg, #ff7c00 0%, #994a00 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$from', endColorstr='$to',GradientType=1 );
}
:root #boxshuffle [class^="item-"].item-29 {
  background: #c50080;
  background: -moz-linear-gradient(125deg, #c50080 0%, #5f003e 100%);
  background: -webkit-gradient(linear, left top, right bottom, color-stop(0%, #c50080), color-stop(100%, #5f003e));
  background: -webkit-linear-gradient(125deg, #c50080 0%, #5f003e 100%);
  background: -o-linear-gradient(125deg, #c50080 0%, #5f003e 100%);
  background: -ms-linear-gradient(125deg, #c50080 0%, #5f003e 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$from', endColorstr='$to',GradientType=1 );
}
:root #boxshuffle [class^="item-"].item-30 {
  background: #c50080;
  background: -moz-linear-gradient(125deg, #39ccd4 0%, #5f003e 100%);
  background: -webkit-gradient(linear, left top, right bottom, color-stop(0%, #c50080), color-stop(100%, #5f003e));
  background: -webkit-linear-gradient(125deg, #39ccd4 0%, #5f003e 100%);
  background: -o-linear-gradient(125deg, #39ccd4 0%, #39ccd4 100%);
  background: -ms-linear-gradient(125deg, #39ccd4 0%, #39ccd4 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$from', endColorstr='$to',GradientType=1 );
}





:root #boxshuffle [class^="item-"].item-31 {
  background: #abf000;
  background: -moz-linear-gradient(125deg, #abf000 0%, #628a00 100%);
  background: -webkit-gradient(linear, left top, right bottom, color-stop(0%, #abf000), color-stop(100%, #628a00));
  background: -webkit-linear-gradient(125deg, #abf000 0%, #628a00 100%);
  background: -o-linear-gradient(125deg, #abf000 0%, #628a00 100%);
  background: -ms-linear-gradient(125deg, #abf000 0%, #628a00 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$from', endColorstr='$to',GradientType=1 );
}
:root #boxshuffle [class^="item-"].item-32 {
  background: #04859d;
  background: -moz-linear-gradient(125deg, #04859d 0%, #01313a 100%);
  background: -webkit-gradient(linear, left top, right bottom, color-stop(0%, #04859d), color-stop(100%, #01313a));
  background: -webkit-linear-gradient(125deg, #04859d 0%, #01313a 100%);
  background: -o-linear-gradient(125deg, #04859d 0%, #01313a 100%);
  background: -ms-linear-gradient(125deg, #04859d 0%, #01313a 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$from', endColorstr='$to',GradientType=1 );
}
:root #boxshuffle [class^="item-"].item-33 {
  background: #ff7c00;
  background: -moz-linear-gradient(125deg, #ff7c00 0%, #994a00 100%);
  background: -webkit-gradient(linear, left top, right bottom, color-stop(0%, #ff7c00), color-stop(100%, #994a00));
  background: -webkit-linear-gradient(125deg, #ff7c00 0%, #994a00 100%);
  background: -o-linear-gradient(125deg, #ff7c00 0%, #994a00 100%);
  background: -ms-linear-gradient(125deg, #ff7c00 0%, #994a00 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$from', endColorstr='$to',GradientType=1 );
}
:root #boxshuffle [class^="item-"].item-34 {
  background: #c50080;
  background: -moz-linear-gradient(125deg, #c50080 0%, #5f003e 100%);
  background: -webkit-gradient(linear, left top, right bottom, color-stop(0%, #c50080), color-stop(100%, #5f003e));
  background: -webkit-linear-gradient(125deg, #c50080 0%, #5f003e 100%);
  background: -o-linear-gradient(125deg, #c50080 0%, #5f003e 100%);
  background: -ms-linear-gradient(125deg, #c50080 0%, #5f003e 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$from', endColorstr='$to',GradientType=1 );
}
:root #boxshuffle [class^="item-"].item-35 {
  background: #c50080;
  background: -moz-linear-gradient(125deg, #39ccd4 0%, #5f003e 100%);
  background: -webkit-gradient(linear, left top, right bottom, color-stop(0%, #c50080), color-stop(100%, #5f003e));
  background: -webkit-linear-gradient(125deg, #39ccd4 0%, #5f003e 100%);
  background: -o-linear-gradient(125deg, #39ccd4 0%, #39ccd4 100%);
  background: -ms-linear-gradient(125deg, #39ccd4 0%, #39ccd4 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$from', endColorstr='$to',GradientType=1 );
}








:root #boxshuffle [class^="item-"].item-36 {
  background: #abf000;
  background: -moz-linear-gradient(125deg, #abf000 0%, #628a00 100%);
  background: -webkit-gradient(linear, left top, right bottom, color-stop(0%, #abf000), color-stop(100%, #628a00));
  background: -webkit-linear-gradient(125deg, #abf000 0%, #628a00 100%);
  background: -o-linear-gradient(125deg, #abf000 0%, #628a00 100%);
  background: -ms-linear-gradient(125deg, #abf000 0%, #628a00 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$from', endColorstr='$to',GradientType=1 );
}
:root #boxshuffle [class^="item-"].item-37 {
  background: #04859d;
  background: -moz-linear-gradient(125deg, #04859d 0%, #01313a 100%);
  background: -webkit-gradient(linear, left top, right bottom, color-stop(0%, #04859d), color-stop(100%, #01313a));
  background: -webkit-linear-gradient(125deg, #04859d 0%, #01313a 100%);
  background: -o-linear-gradient(125deg, #04859d 0%, #01313a 100%);
  background: -ms-linear-gradient(125deg, #04859d 0%, #01313a 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$from', endColorstr='$to',GradientType=1 );
}
:root #boxshuffle [class^="item-"].item-38 {
  background: #ff7c00;
  background: -moz-linear-gradient(125deg, #ff7c00 0%, #994a00 100%);
  background: -webkit-gradient(linear, left top, right bottom, color-stop(0%, #ff7c00), color-stop(100%, #994a00));
  background: -webkit-linear-gradient(125deg, #ff7c00 0%, #994a00 100%);
  background: -o-linear-gradient(125deg, #ff7c00 0%, #994a00 100%);
  background: -ms-linear-gradient(125deg, #ff7c00 0%, #994a00 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$from', endColorstr='$to',GradientType=1 );
}
:root #boxshuffle [class^="item-"].item-39 {
  background: #c50080;
  background: -moz-linear-gradient(125deg, #c50080 0%, #5f003e 100%);
  background: -webkit-gradient(linear, left top, right bottom, color-stop(0%, #c50080), color-stop(100%, #5f003e));
  background: -webkit-linear-gradient(125deg, #c50080 0%, #5f003e 100%);
  background: -o-linear-gradient(125deg, #c50080 0%, #5f003e 100%);
  background: -ms-linear-gradient(125deg, #c50080 0%, #5f003e 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$from', endColorstr='$to',GradientType=1 );
}
:root #boxshuffle [class^="item-"].item-40 {
  background: #c50080;
  background: -moz-linear-gradient(125deg, #39ccd4 0%, #5f003e 100%);
  background: -webkit-gradient(linear, left top, right bottom, color-stop(0%, #c50080), color-stop(100%, #5f003e));
  background: -webkit-linear-gradient(125deg, #39ccd4 0%, #5f003e 100%);
  background: -o-linear-gradient(125deg, #39ccd4 0%, #39ccd4 100%);
  background: -ms-linear-gradient(125deg, #39ccd4 0%, #39ccd4 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$from', endColorstr='$to',GradientType=1 );
}





:root #boxshuffle [class^="item-"].item-41 {
  background: #abf000;
  background: -moz-linear-gradient(125deg, #abf000 0%, #628a00 100%);
  background: -webkit-gradient(linear, left top, right bottom, color-stop(0%, #abf000), color-stop(100%, #628a00));
  background: -webkit-linear-gradient(125deg, #abf000 0%, #628a00 100%);
  background: -o-linear-gradient(125deg, #abf000 0%, #628a00 100%);
  background: -ms-linear-gradient(125deg, #abf000 0%, #628a00 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$from', endColorstr='$to',GradientType=1 );
}
:root #boxshuffle [class^="item-"].item-42 {
  background: #04859d;
  background: -moz-linear-gradient(125deg, #04859d 0%, #01313a 100%);
  background: -webkit-gradient(linear, left top, right bottom, color-stop(0%, #04859d), color-stop(100%, #01313a));
  background: -webkit-linear-gradient(125deg, #04859d 0%, #01313a 100%);
  background: -o-linear-gradient(125deg, #04859d 0%, #01313a 100%);
  background: -ms-linear-gradient(125deg, #04859d 0%, #01313a 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$from', endColorstr='$to',GradientType=1 );
}
:root #boxshuffle [class^="item-"].item-43 {
  background: #ff7c00;
  background: -moz-linear-gradient(125deg, #ff7c00 0%, #994a00 100%);
  background: -webkit-gradient(linear, left top, right bottom, color-stop(0%, #ff7c00), color-stop(100%, #994a00));
  background: -webkit-linear-gradient(125deg, #ff7c00 0%, #994a00 100%);
  background: -o-linear-gradient(125deg, #ff7c00 0%, #994a00 100%);
  background: -ms-linear-gradient(125deg, #ff7c00 0%, #994a00 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$from', endColorstr='$to',GradientType=1 );
}
:root #boxshuffle [class^="item-"].item-44 {
  background: #c50080;
  background: -moz-linear-gradient(125deg, #c50080 0%, #5f003e 100%);
  background: -webkit-gradient(linear, left top, right bottom, color-stop(0%, #c50080), color-stop(100%, #5f003e));
  background: -webkit-linear-gradient(125deg, #c50080 0%, #5f003e 100%);
  background: -o-linear-gradient(125deg, #c50080 0%, #5f003e 100%);
  background: -ms-linear-gradient(125deg, #c50080 0%, #5f003e 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$from', endColorstr='$to',GradientType=1 );
}
:root #boxshuffle [class^="item-"].item-45 {
  background: #c50080;
  background: -moz-linear-gradient(125deg, #39ccd4 0%, #5f003e 100%);
  background: -webkit-gradient(linear, left top, right bottom, color-stop(0%, #c50080), color-stop(100%, #5f003e));
  background: -webkit-linear-gradient(125deg, #39ccd4 0%, #5f003e 100%);
  background: -o-linear-gradient(125deg, #39ccd4 0%, #39ccd4 100%);
  background: -ms-linear-gradient(125deg, #39ccd4 0%, #39ccd4 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$from', endColorstr='$to',GradientType=1 );
}








:root #boxshuffle [class^="item-"].item-46 {
  background: #abf000;
  background: -moz-linear-gradient(125deg, #abf000 0%, #628a00 100%);
  background: -webkit-gradient(linear, left top, right bottom, color-stop(0%, #abf000), color-stop(100%, #628a00));
  background: -webkit-linear-gradient(125deg, #abf000 0%, #628a00 100%);
  background: -o-linear-gradient(125deg, #abf000 0%, #628a00 100%);
  background: -ms-linear-gradient(125deg, #abf000 0%, #628a00 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$from', endColorstr='$to',GradientType=1 );
}
:root #boxshuffle [class^="item-"].item-47 {
  background: #04859d;
  background: -moz-linear-gradient(125deg, #04859d 0%, #01313a 100%);
  background: -webkit-gradient(linear, left top, right bottom, color-stop(0%, #04859d), color-stop(100%, #01313a));
  background: -webkit-linear-gradient(125deg, #04859d 0%, #01313a 100%);
  background: -o-linear-gradient(125deg, #04859d 0%, #01313a 100%);
  background: -ms-linear-gradient(125deg, #04859d 0%, #01313a 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$from', endColorstr='$to',GradientType=1 );
}
:root #boxshuffle [class^="item-"].item-48 {
  background: #ff7c00;
  background: -moz-linear-gradient(125deg, #ff7c00 0%, #994a00 100%);
  background: -webkit-gradient(linear, left top, right bottom, color-stop(0%, #ff7c00), color-stop(100%, #994a00));
  background: -webkit-linear-gradient(125deg, #ff7c00 0%, #994a00 100%);
  background: -o-linear-gradient(125deg, #ff7c00 0%, #994a00 100%);
  background: -ms-linear-gradient(125deg, #ff7c00 0%, #994a00 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$from', endColorstr='$to',GradientType=1 );
}
:root #boxshuffle [class^="item-"].item-49 {
  background: #c50080;
  background: -moz-linear-gradient(125deg, #c50080 0%, #5f003e 100%);
  background: -webkit-gradient(linear, left top, right bottom, color-stop(0%, #c50080), color-stop(100%, #5f003e));
  background: -webkit-linear-gradient(125deg, #c50080 0%, #5f003e 100%);
  background: -o-linear-gradient(125deg, #c50080 0%, #5f003e 100%);
  background: -ms-linear-gradient(125deg, #c50080 0%, #5f003e 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$from', endColorstr='$to',GradientType=1 );
}
:root #boxshuffle [class^="item-"].item-50 {
  background: #c50080;
  background: -moz-linear-gradient(125deg, #39ccd4 0%, #5f003e 100%);
  background: -webkit-gradient(linear, left top, right bottom, color-stop(0%, #c50080), color-stop(100%, #5f003e));
  background: -webkit-linear-gradient(125deg, #39ccd4 0%, #5f003e 100%);
  background: -o-linear-gradient(125deg, #39ccd4 0%, #39ccd4 100%);
  background: -ms-linear-gradient(125deg, #39ccd4 0%, #39ccd4 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$from', endColorstr='$to',GradientType=1 );
}










:root #boxshuffle input[class^="item-"] {
  cursor: pointer;
  opacity: 0;
  z-index: 3;
}
:root #boxshuffle input[class^="item-"]:checked ~ .grid:nth-child(even) {
  left: -100%;
}
:root #boxshuffle input[class^="item-"]:checked ~ .grid:nth-child(odd) {
  left: 100%;
}
:root #boxshuffle input[class^="item-"]:checked ~ p[class^="item-"] {
  opacity: 0;
}
:root #boxshuffle input[name="item-1"]:hover ~ .item-1 {
  box-shadow: inset 0 0 20px rgba(0, 0, 0, 0.5);
}
:root #boxshuffle input[name="item-1"]:hover ~ #item-1:after, :root #boxshuffle input[name="item-1"]:hover ~ #item-1:before {
  background-color: #0576f3;
  box-shadow: 2px 2px 0 rgba(5, 118, 243, 0.5);
}
:root #boxshuffle input[name="item-1"]:checked {
  z-index: 8;
  height: 40px;
  width: 40px;
  position: absolute;
  left: 10px;
  top: 10px;
}
:root #boxshuffle input[name="item-1"]:checked ~ #item-1 {
  bottom: 0;
  padding-top: 20px;
  z-index: 5;
}
:root #boxshuffle input[name="item-1"]:checked ~ #item-1:after {
  content: 'x';
}
:root #boxshuffle input[name="item-1"]:not(:checked) ~ #item-1 {
  bottom: 110%;
}
:root #boxshuffle input[name="item-2"]:hover ~ .item-2 {
  box-shadow: inset 0 0 20px rgba(0, 0, 0, 0.5);
}
:root #boxshuffle input[name="item-2"]:hover ~ #item-2:after, :root #boxshuffle input[name="item-2"]:hover ~ #item-2:before {
  background-color: #0576f3;
  box-shadow: 2px 2px 0 rgba(5, 118, 243, 0.5);
}
:root #boxshuffle input[name="item-2"]:checked {
  z-index: 8;
  height: 40px;
  width: 40px;
  position: absolute;
  left: 10px;
  top: 10px;
}
:root #boxshuffle input[name="item-2"]:checked ~ #item-2 {
  bottom: 0;
  padding-top: 20px;
  z-index: 5;
}
:root #boxshuffle input[name="item-2"]:checked ~ #item-2:after {
  content: 'x';
}
:root #boxshuffle input[name="item-2"]:not(:checked) ~ #item-2 {
  bottom: 110%;
}
:root #boxshuffle input[name="item-3"]:hover ~ .item-3 {
  box-shadow: inset 0 0 20px rgba(0, 0, 0, 0.5);
}
:root #boxshuffle input[name="item-3"]:hover ~ #item-3:after, :root #boxshuffle input[name="item-3"]:hover ~ #item-3:before {
  background-color: #0576f3;
  box-shadow: 2px 2px 0 rgba(5, 118, 243, 0.5);
}
:root #boxshuffle input[name="item-3"]:checked {
  z-index: 8;
  height: 40px;
  width: 40px;
  position: absolute;
  left: 10px;
  top: 10px;
}
:root #boxshuffle input[name="item-3"]:checked ~ #item-3 {
  bottom: 0;
  padding-top: 20px;
  z-index: 5;
}
:root #boxshuffle input[name="item-3"]:checked ~ #item-3:after {
  content: 'x';
}
:root #boxshuffle input[name="item-3"]:not(:checked) ~ #item-3 {
  bottom: 110%;
}
:root #boxshuffle input[name="item-4"]:hover ~ .item-4 {
  box-shadow: inset 0 0 20px rgba(0, 0, 0, 0.5);
}
:root #boxshuffle input[name="item-4"]:hover ~ #item-4:after, :root #boxshuffle input[name="item-4"]:hover ~ #item-4:before {
  background-color: #0576f3;
  box-shadow: 2px 2px 0 rgba(5, 118, 243, 0.5);
}
:root #boxshuffle input[name="item-4"]:checked {
  z-index: 8;
  height: 40px;
  width: 40px;
  position: absolute;
  left: 10px;
  top: 10px;
}
:root #boxshuffle input[name="item-4"]:checked ~ #item-4 {
  bottom: 0;
  padding-top: 20px;
  z-index: 5;
}
:root #boxshuffle input[name="item-4"]:checked ~ #item-4:after {
  content: 'x';
}
:root #boxshuffle input[name="item-4"]:not(:checked) ~ #item-4 {
  bottom: 110%;
}
:root #boxshuffle input[name="item-5"]:hover ~ .item-5 {
  box-shadow: inset 0 0 20px rgba(0, 0, 0, 0.5);
}
:root #boxshuffle input[name="item-5"]:hover ~ #item-5:after, :root #boxshuffle input[name="item-5"]:hover ~ #item-5:before {
  background-color: #0576f3;
  box-shadow: 2px 2px 0 rgba(5, 118, 243, 0.5);
}
:root #boxshuffle input[name="item-5"]:checked {
  z-index: 8;
  height: 40px;
  width: 40px;
  position: absolute;
  left: 10px;
  top: 10px;
}
:root #boxshuffle input[name="item-5"]:checked ~ #item-5 {
  bottom: 0;
  padding-top: 20px;
  z-index: 5;
}
:root #boxshuffle input[name="item-5"]:checked ~ #item-5:after {
  content: 'x';
}
:root #boxshuffle input[name="item-5"]:not(:checked) ~ #item-5 {
  bottom: 110%;
}







:root #boxshuffle input[name="item-6"]:hover ~ .item-6 {
  box-shadow: inset 0 0 20px rgba(0, 0, 0, 0.5);
}
:root #boxshuffle input[name="item-6"]:hover ~ #item-6:after, :root #boxshuffle input[name="item-6"]:hover ~ #item-6:before {
  background-color: #0576f3;
  box-shadow: 2px 2px 0 rgba(5, 118, 243, 0.5);
}
:root #boxshuffle input[name="item-6"]:checked {
  z-index: 8;
  height: 40px;
  width: 40px;
  position: absolute;
  left: 10px;
  top: 10px;
}
:root #boxshuffle input[name="item-6"]:checked ~ #item-6 {
  bottom: 0;
  padding-top: 20px;
  z-index: 5;
}
:root #boxshuffle input[name="item-6"]:checked ~ #item-6:after {
  content: 'x';
}
:root #boxshuffle input[name="item-6"]:not(:checked) ~ #item-6 {
  bottom: 110%;
}
:root #boxshuffle input[name="item-7"]:hover ~ .item-7 {
  box-shadow: inset 0 0 20px rgba(0, 0, 0, 0.5);
}
:root #boxshuffle input[name="item-7"]:hover ~ #item-7:after, :root #boxshuffle input[name="item-7"]:hover ~ #item-7:before {
  background-color: #0576f3;
  box-shadow: 2px 2px 0 rgba(5, 118, 243, 0.5);
}
:root #boxshuffle input[name="item-7"]:checked {
  z-index: 8;
  height: 40px;
  width: 40px;
  position: absolute;
  left: 10px;
  top: 10px;
}
:root #boxshuffle input[name="item-7"]:checked ~ #item-7 {
  bottom: 0;
  padding-top: 20px;
  z-index: 5;
}
:root #boxshuffle input[name="item-7"]:checked ~ #item-7:after {
  content: 'x';
}
:root #boxshuffle input[name="item-7"]:not(:checked) ~ #item-7 {
  bottom: 110%;
}
:root #boxshuffle input[name="item-8"]:hover ~ .item-8 {
  box-shadow: inset 0 0 20px rgba(0, 0, 0, 0.5);
}
:root #boxshuffle input[name="item-8"]:hover ~ #item-8:after, :root #boxshuffle input[name="item-8"]:hover ~ #item-8:before {
  background-color: #0576f3;
  box-shadow: 2px 2px 0 rgba(5, 118, 243, 0.5);
}
:root #boxshuffle input[name="item-8"]:checked {
  z-index: 8;
  height: 40px;
  width: 40px;
  position: absolute;
  left: 10px;
  top: 10px;
}
:root #boxshuffle input[name="item-8"]:checked ~ #item-8 {
  bottom: 0;
  padding-top: 20px;
  z-index: 5;
}
:root #boxshuffle input[name="item-8"]:checked ~ #item-8:after {
  content: 'x';
}
:root #boxshuffle input[name="item-8"]:not(:checked) ~ #item-8 {
  bottom: 110%;
}
:root #boxshuffle input[name="item-9"]:hover ~ .item-9 {
  box-shadow: inset 0 0 20px rgba(0, 0, 0, 0.5);
}
:root #boxshuffle input[name="item-9"]:hover ~ #item-9:after, :root #boxshuffle input[name="item-9"]:hover ~ #item-9:before {
  background-color: #0576f3;
  box-shadow: 2px 2px 0 rgba(5, 118, 243, 0.5);
}
:root #boxshuffle input[name="item-9"]:checked {
  z-index: 8;
  height: 40px;
  width: 40px;
  position: absolute;
  left: 10px;
  top: 10px;
}
:root #boxshuffle input[name="item-9"]:checked ~ #item-9 {
  bottom: 0;
  padding-top: 20px;
  z-index: 5;
}
:root #boxshuffle input[name="item-9"]:checked ~ #item-9:after {
  content: 'x';
}
:root #boxshuffle input[name="item-9"]:not(:checked) ~ #item-9 {
  bottom: 110%;
}
:root #boxshuffle input[name="item-10"]:hover ~ .item-10 {
  box-shadow: inset 0 0 20px rgba(0, 0, 0, 0.5);
}
:root #boxshuffle input[name="item-10"]:hover ~ #item-10:after, :root #boxshuffle input[name="item-10"]:hover ~ #item-10:before {
  background-color: #0576f3;
  box-shadow: 2px 2px 0 rgba(5, 118, 243, 0.5);
}
:root #boxshuffle input[name="item-10"]:checked {
  z-index: 8;
  height: 40px;
  width: 40px;
  position: absolute;
  left: 10px;
  top: 10px;
}
:root #boxshuffle input[name="item-10"]:checked ~ #item-10 {
  bottom: 0;
  padding-top: 20px;
  z-index: 5;
}
:root #boxshuffle input[name="item-10"]:checked ~ #item-10:after {
  content: 'x';
}
:root #boxshuffle input[name="item-10"]:not(:checked) ~ #item-10 {
  bottom: 110%;
}






:root #boxshuffle input[name="item-11"]:hover ~ .item-11 {
  box-shadow: inset 0 0 20px rgba(0, 0, 0, 0.5);
}
:root #boxshuffle input[name="item-11"]:hover ~ #item-11:after, :root #boxshuffle input[name="item-11"]:hover ~ #item-11:before {
  background-color: #0576f3;
  box-shadow: 2px 2px 0 rgba(5, 118, 243, 0.5);
}
:root #boxshuffle input[name="item-11"]:checked {
  z-index: 8;
  height: 40px;
  width: 40px;
  position: absolute;
  left: 10px;
  top: 10px;
}
:root #boxshuffle input[name="item-11"]:checked ~ #item-11 {
  bottom: 0;
  padding-top: 20px;
  z-index: 5;
}
:root #boxshuffle input[name="item-11"]:checked ~ #item-11:after {
  content: 'x';
}
:root #boxshuffle input[name="item-11"]:not(:checked) ~ #item-11 {
  bottom: 110%;
}
:root #boxshuffle input[name="item-12"]:hover ~ .item-12 {
  box-shadow: inset 0 0 20px rgba(0, 0, 0, 0.5);
}
:root #boxshuffle input[name="item-12"]:hover ~ #item-12:after, :root #boxshuffle input[name="item-12"]:hover ~ #item-12:before {
  background-color: #0576f3;
  box-shadow: 2px 2px 0 rgba(5, 118, 243, 0.5);
}
:root #boxshuffle input[name="item-12"]:checked {
  z-index: 8;
  height: 40px;
  width: 40px;
  position: absolute;
  left: 10px;
  top: 10px;
}
:root #boxshuffle input[name="item-12"]:checked ~ #item-12 {
  bottom: 0;
  padding-top: 20px;
  z-index: 5;
}
:root #boxshuffle input[name="item-12"]:checked ~ #item-12:after {
  content: 'x';
}
:root #boxshuffle input[name="item-12"]:not(:checked) ~ #item-12 {
  bottom: 110%;
}
:root #boxshuffle input[name="item-13"]:hover ~ .item-13 {
  box-shadow: inset 0 0 20px rgba(0, 0, 0, 0.5);
}
:root #boxshuffle input[name="item-13"]:hover ~ #item-13:after, :root #boxshuffle input[name="item-13"]:hover ~ #item-13:before {
  background-color: #0576f3;
  box-shadow: 2px 2px 0 rgba(5, 118, 243, 0.5);
}
:root #boxshuffle input[name="item-13"]:checked {
  z-index: 8;
  height: 40px;
  width: 40px;
  position: absolute;
  left: 10px;
  top: 10px;
}
:root #boxshuffle input[name="item-13"]:checked ~ #item-13 {
  bottom: 0;
  padding-top: 20px;
  z-index: 5;
}
:root #boxshuffle input[name="item-13"]:checked ~ #item-13:after {
  content: 'x';
}
:root #boxshuffle input[name="item-13"]:not(:checked) ~ #item-13 {
  bottom: 110%;
}
:root #boxshuffle input[name="item-14"]:hover ~ .item-14 {
  box-shadow: inset 0 0 20px rgba(0, 0, 0, 0.5);
}
:root #boxshuffle input[name="item-14"]:hover ~ #item-14:after, :root #boxshuffle input[name="item-14"]:hover ~ #item-14:before {
  background-color: #0576f3;
  box-shadow: 2px 2px 0 rgba(5, 118, 243, 0.5);
}
:root #boxshuffle input[name="item-14"]:checked {
  z-index: 8;
  height: 40px;
  width: 40px;
  position: absolute;
  left: 10px;
  top: 10px;
}
:root #boxshuffle input[name="item-14"]:checked ~ #item-14 {
  bottom: 0;
  padding-top: 20px;
  z-index: 5;
}
:root #boxshuffle input[name="item-14"]:checked ~ #item-14:after {
  content: 'x';
}
:root #boxshuffle input[name="item-14"]:not(:checked) ~ #item-14 {
  bottom: 110%;
}
:root #boxshuffle input[name="item-15"]:hover ~ .item-15 {
  box-shadow: inset 0 0 20px rgba(0, 0, 0, 0.5);
}
:root #boxshuffle input[name="item-15"]:hover ~ #item-15:after, :root #boxshuffle input[name="item-15"]:hover ~ #item-15:before {
  background-color: #0576f3;
  box-shadow: 2px 2px 0 rgba(5, 118, 243, 0.5);
}
:root #boxshuffle input[name="item-15"]:checked {
  z-index: 8;
  height: 40px;
  width: 40px;
  position: absolute;
  left: 10px;
  top: 10px;
}
:root #boxshuffle input[name="item-15"]:checked ~ #item-15 {
  bottom: 0;
  padding-top: 20px;
  z-index: 5;
}
:root #boxshuffle input[name="item-15"]:checked ~ #item-15:after {
  content: 'x';
}
:root #boxshuffle input[name="item-15"]:not(:checked) ~ #item-15 {
  bottom: 110%;
}







:root #boxshuffle input[name="item-16"]:hover ~ .item-16 {
  box-shadow: inset 0 0 20px rgba(0, 0, 0, 0.5);
}
:root #boxshuffle input[name="item-16"]:hover ~ #item-16:after, :root #boxshuffle input[name="item-16"]:hover ~ #item-16:before {
  background-color: #0576f3;
  box-shadow: 2px 2px 0 rgba(5, 118, 243, 0.5);
}
:root #boxshuffle input[name="item-16"]:checked {
  z-index: 8;
  height: 40px;
  width: 40px;
  position: absolute;
  left: 10px;
  top: 10px;
}
:root #boxshuffle input[name="item-16"]:checked ~ #item-16 {
  bottom: 0;
  padding-top: 20px;
  z-index: 5;
}
:root #boxshuffle input[name="item-16"]:checked ~ #item-16:after {
  content: 'x';
}
:root #boxshuffle input[name="item-16"]:not(:checked) ~ #item-16 {
  bottom: 110%;
}
:root #boxshuffle input[name="item-17"]:hover ~ .item-17 {
  box-shadow: inset 0 0 20px rgba(0, 0, 0, 0.5);
}
:root #boxshuffle input[name="item-17"]:hover ~ #item-17:after, :root #boxshuffle input[name="item-17"]:hover ~ #item-17:before {
  background-color: #0576f3;
  box-shadow: 2px 2px 0 rgba(5, 118, 243, 0.5);
}
:root #boxshuffle input[name="item-17"]:checked {
  z-index: 8;
  height: 40px;
  width: 40px;
  position: absolute;
  left: 10px;
  top: 10px;
}
:root #boxshuffle input[name="item-17"]:checked ~ #item-17 {
  bottom: 0;
  padding-top: 20px;
  z-index: 5;
}
:root #boxshuffle input[name="item-17"]:checked ~ #item-17:after {
  content: 'x';
}
:root #boxshuffle input[name="item-17"]:not(:checked) ~ #item-17 {
  bottom: 110%;
}
:root #boxshuffle input[name="item-18"]:hover ~ .item-18 {
  box-shadow: inset 0 0 20px rgba(0, 0, 0, 0.5);
}
:root #boxshuffle input[name="item-18"]:hover ~ #item-18:after, :root #boxshuffle input[name="item-18"]:hover ~ #item-18:before {
  background-color: #0576f3;
  box-shadow: 2px 2px 0 rgba(5, 118, 243, 0.5);
}
:root #boxshuffle input[name="item-18"]:checked {
  z-index: 8;
  height: 40px;
  width: 40px;
  position: absolute;
  left: 10px;
  top: 10px;
}
:root #boxshuffle input[name="item-18"]:checked ~ #item-18 {
  bottom: 0;
  padding-top: 20px;
  z-index: 5;
}
:root #boxshuffle input[name="item-18"]:checked ~ #item-18:after {
  content: 'x';
}
:root #boxshuffle input[name="item-18"]:not(:checked) ~ #item-18 {
  bottom: 110%;
}
:root #boxshuffle input[name="item-19"]:hover ~ .item-19 {
  box-shadow: inset 0 0 20px rgba(0, 0, 0, 0.5);
}
:root #boxshuffle input[name="item-19"]:hover ~ #item-19:after, :root #boxshuffle input[name="item-19"]:hover ~ #item-19:before {
  background-color: #0576f3;
  box-shadow: 2px 2px 0 rgba(5, 118, 243, 0.5);
}
:root #boxshuffle input[name="item-19"]:checked {
  z-index: 8;
  height: 40px;
  width: 40px;
  position: absolute;
  left: 10px;
  top: 10px;
}
:root #boxshuffle input[name="item-19"]:checked ~ #item-19 {
  bottom: 0;
  padding-top: 20px;
  z-index: 5;
}
:root #boxshuffle input[name="item-19"]:checked ~ #item-19:after {
  content: 'x';
}
:root #boxshuffle input[name="item-19"]:not(:checked) ~ #item-19 {
  bottom: 110%;
}
:root #boxshuffle input[name="item-20"]:hover ~ .item-20 {
  box-shadow: inset 0 0 20px rgba(0, 0, 0, 0.5);
}
:root #boxshuffle input[name="item-20"]:hover ~ #item-20:after, :root #boxshuffle input[name="item-20"]:hover ~ #item-20:before {
  background-color: #0576f3;
  box-shadow: 2px 2px 0 rgba(5, 118, 243, 0.5);
}
:root #boxshuffle input[name="item-20"]:checked {
  z-index: 8;
  height: 40px;
  width: 40px;
  position: absolute;
  left: 10px;
  top: 10px;
}
:root #boxshuffle input[name="item-20"]:checked ~ #item-20 {
  bottom: 0;
  padding-top: 20px;
  z-index: 5;
}
:root #boxshuffle input[name="item-20"]:checked ~ #item-20:after {
  content: 'x';
}
:root #boxshuffle input[name="item-20"]:not(:checked) ~ #item-20 {
  bottom: 110%;
}






:root #boxshuffle input[name="item-21"]:hover ~ .item-21 {
  box-shadow: inset 0 0 20px rgba(0, 0, 0, 0.5);
}
:root #boxshuffle input[name="item-21"]:hover ~ #item-21:after, :root #boxshuffle input[name="item-21"]:hover ~ #item-21:before {
  background-color: #0576f3;
  box-shadow: 2px 2px 0 rgba(5, 118, 243, 0.5);
}
:root #boxshuffle input[name="item-21"]:checked {
  z-index: 8;
  height: 40px;
  width: 40px;
  position: absolute;
  left: 10px;
  top: 10px;
}
:root #boxshuffle input[name="item-21"]:checked ~ #item-21 {
  bottom: 0;
  padding-top: 20px;
  z-index: 5;
}
:root #boxshuffle input[name="item-21"]:checked ~ #item-21:after {
  content: 'x';
}
:root #boxshuffle input[name="item-21"]:not(:checked) ~ #item-21 {
  bottom: 110%;
}
:root #boxshuffle input[name="item-22"]:hover ~ .item-22 {
  box-shadow: inset 0 0 20px rgba(0, 0, 0, 0.5);
}
:root #boxshuffle input[name="item-22"]:hover ~ #item-22:after, :root #boxshuffle input[name="item-22"]:hover ~ #item-22:before {
  background-color: #0576f3;
  box-shadow: 2px 2px 0 rgba(5, 118, 243, 0.5);
}
:root #boxshuffle input[name="item-22"]:checked {
  z-index: 8;
  height: 40px;
  width: 40px;
  position: absolute;
  left: 10px;
  top: 10px;
}
:root #boxshuffle input[name="item-22"]:checked ~ #item-22 {
  bottom: 0;
  padding-top: 20px;
  z-index: 5;
}
:root #boxshuffle input[name="item-22"]:checked ~ #item-22:after {
  content: 'x';
}
:root #boxshuffle input[name="item-22"]:not(:checked) ~ #item-22 {
  bottom: 110%;
}
:root #boxshuffle input[name="item-23"]:hover ~ .item-23 {
  box-shadow: inset 0 0 20px rgba(0, 0, 0, 0.5);
}
:root #boxshuffle input[name="item-23"]:hover ~ #item-23:after, :root #boxshuffle input[name="item-23"]:hover ~ #item-23:before {
  background-color: #0576f3;
  box-shadow: 2px 2px 0 rgba(5, 118, 243, 0.5);
}
:root #boxshuffle input[name="item-23"]:checked {
  z-index: 8;
  height: 40px;
  width: 40px;
  position: absolute;
  left: 10px;
  top: 10px;
}
:root #boxshuffle input[name="item-23"]:checked ~ #item-23 {
  bottom: 0;
  padding-top: 20px;
  z-index: 5;
}
:root #boxshuffle input[name="item-23"]:checked ~ #item-23:after {
  content: 'x';
}
:root #boxshuffle input[name="item-23"]:not(:checked) ~ #item-23 {
  bottom: 110%;
}
:root #boxshuffle input[name="item-24"]:hover ~ .item-24 {
  box-shadow: inset 0 0 20px rgba(0, 0, 0, 0.5);
}
:root #boxshuffle input[name="item-24"]:hover ~ #item-24:after, :root #boxshuffle input[name="item-24"]:hover ~ #item-24:before {
  background-color: #0576f3;
  box-shadow: 2px 2px 0 rgba(5, 118, 243, 0.5);
}
:root #boxshuffle input[name="item-24"]:checked {
  z-index: 8;
  height: 40px;
  width: 40px;
  position: absolute;
  left: 10px;
  top: 10px;
}
:root #boxshuffle input[name="item-24"]:checked ~ #item-24 {
  bottom: 0;
  padding-top: 20px;
  z-index: 5;
}
:root #boxshuffle input[name="item-24"]:checked ~ #item-24:after {
  content: 'x';
}
:root #boxshuffle input[name="item-24"]:not(:checked) ~ #item-24 {
  bottom: 110%;
}
:root #boxshuffle input[name="item-25"]:hover ~ .item-25 {
  box-shadow: inset 0 0 20px rgba(0, 0, 0, 0.5);
}
:root #boxshuffle input[name="item-25"]:hover ~ #item-25:after, :root #boxshuffle input[name="item-25"]:hover ~ #item-25:before {
  background-color: #0576f3;
  box-shadow: 2px 2px 0 rgba(5, 118, 243, 0.5);
}
:root #boxshuffle input[name="item-25"]:checked {
  z-index: 8;
  height: 40px;
  width: 40px;
  position: absolute;
  left: 10px;
  top: 10px;
}
:root #boxshuffle input[name="item-25"]:checked ~ #item-25 {
  bottom: 0;
  padding-top: 20px;
  z-index: 5;
}
:root #boxshuffle input[name="item-25"]:checked ~ #item-25:after {
  content: 'x';
}
:root #boxshuffle input[name="item-25"]:not(:checked) ~ #item-25 {
  bottom: 110%;
}







:root #boxshuffle input[name="item-26"]:hover ~ .item-26 {
  box-shadow: inset 0 0 20px rgba(0, 0, 0, 0.5);
}
:root #boxshuffle input[name="item-26"]:hover ~ #item-26:after, :root #boxshuffle input[name="item-26"]:hover ~ #item-26:before {
  background-color: #0576f3;
  box-shadow: 2px 2px 0 rgba(5, 118, 243, 0.5);
}
:root #boxshuffle input[name="item-26"]:checked {
  z-index: 8;
  height: 40px;
  width: 40px;
  position: absolute;
  left: 10px;
  top: 10px;
}
:root #boxshuffle input[name="item-26"]:checked ~ #item-26 {
  bottom: 0;
  padding-top: 20px;
  z-index: 5;
}
:root #boxshuffle input[name="item-26"]:checked ~ #item-26:after {
  content: 'x';
}
:root #boxshuffle input[name="item-26"]:not(:checked) ~ #item-26 {
  bottom: 110%;
}
:root #boxshuffle input[name="item-27"]:hover ~ .item-27 {
  box-shadow: inset 0 0 20px rgba(0, 0, 0, 0.5);
}
:root #boxshuffle input[name="item-27"]:hover ~ #item-27:after, :root #boxshuffle input[name="item-27"]:hover ~ #item-27:before {
  background-color: #0576f3;
  box-shadow: 2px 2px 0 rgba(5, 118, 243, 0.5);
}
:root #boxshuffle input[name="item-27"]:checked {
  z-index: 8;
  height: 40px;
  width: 40px;
  position: absolute;
  left: 10px;
  top: 10px;
}
:root #boxshuffle input[name="item-27"]:checked ~ #item-27 {
  bottom: 0;
  padding-top: 20px;
  z-index: 5;
}
:root #boxshuffle input[name="item-27"]:checked ~ #item-27:after {
  content: 'x';
}
:root #boxshuffle input[name="item-27"]:not(:checked) ~ #item-27 {
  bottom: 110%;
}
:root #boxshuffle input[name="item-28"]:hover ~ .item-28 {
  box-shadow: inset 0 0 20px rgba(0, 0, 0, 0.5);
}
:root #boxshuffle input[name="item-28"]:hover ~ #item-28:after, :root #boxshuffle input[name="item-28"]:hover ~ #item-28:before {
  background-color: #0576f3;
  box-shadow: 2px 2px 0 rgba(5, 118, 243, 0.5);
}
:root #boxshuffle input[name="item-28"]:checked {
  z-index: 8;
  height: 40px;
  width: 40px;
  position: absolute;
  left: 10px;
  top: 10px;
}
:root #boxshuffle input[name="item-28"]:checked ~ #item-28 {
  bottom: 0;
  padding-top: 20px;
  z-index: 5;
}
:root #boxshuffle input[name="item-28"]:checked ~ #item-28:after {
  content: 'x';
}
:root #boxshuffle input[name="item-28"]:not(:checked) ~ #item-28 {
  bottom: 110%;
}
:root #boxshuffle input[name="item-29"]:hover ~ .item-29 {
  box-shadow: inset 0 0 20px rgba(0, 0, 0, 0.5);
}
:root #boxshuffle input[name="item-29"]:hover ~ #item-29:after, :root #boxshuffle input[name="item-29"]:hover ~ #item-29:before {
  background-color: #0576f3;
  box-shadow: 2px 2px 0 rgba(5, 118, 243, 0.5);
}
:root #boxshuffle input[name="item-29"]:checked {
  z-index: 8;
  height: 40px;
  width: 40px;
  position: absolute;
  left: 10px;
  top: 10px;
}
:root #boxshuffle input[name="item-29"]:checked ~ #item-29 {
  bottom: 0;
  padding-top: 20px;
  z-index: 5;
}
:root #boxshuffle input[name="item-29"]:checked ~ #item-29:after {
  content: 'x';
}
:root #boxshuffle input[name="item-29"]:not(:checked) ~ #item-29 {
  bottom: 110%;
}
:root #boxshuffle input[name="item-30"]:hover ~ .item-30 {
  box-shadow: inset 0 0 20px rgba(0, 0, 0, 0.5);
}
:root #boxshuffle input[name="item-30"]:hover ~ #item-30:after, :root #boxshuffle input[name="item-30"]:hover ~ #item-30:before {
  background-color: #0576f3;
  box-shadow: 2px 2px 0 rgba(5, 118, 243, 0.5);
}
:root #boxshuffle input[name="item-30"]:checked {
  z-index: 8;
  height: 40px;
  width: 40px;
  position: absolute;
  left: 10px;
  top: 10px;
}
:root #boxshuffle input[name="item-30"]:checked ~ #item-30 {
  bottom: 0;
  padding-top: 20px;
  z-index: 5;
}
:root #boxshuffle input[name="item-30"]:checked ~ #item-30:after {
  content: 'x';
}
:root #boxshuffle input[name="item-30"]:not(:checked) ~ #item-30 {
  bottom: 110%;
}







:root #boxshuffle input[name="item-31"]:hover ~ .item-31 {
  box-shadow: inset 0 0 20px rgba(0, 0, 0, 0.5);
}
:root #boxshuffle input[name="item-31"]:hover ~ #item-31:after, :root #boxshuffle input[name="item-31"]:hover ~ #item-31:before {
  background-color: #0576f3;
  box-shadow: 2px 2px 0 rgba(5, 118, 243, 0.5);
}
:root #boxshuffle input[name="item-31"]:checked {
  z-index: 8;
  height: 40px;
  width: 40px;
  position: absolute;
  left: 10px;
  top: 10px;
}
:root #boxshuffle input[name="item-31"]:checked ~ #item-31 {
  bottom: 0;
  padding-top: 20px;
  z-index: 5;
}
:root #boxshuffle input[name="item-31"]:checked ~ #item-31:after {
  content: 'x';
}
:root #boxshuffle input[name="item-31"]:not(:checked) ~ #item-31 {
  bottom: 110%;
}
:root #boxshuffle input[name="item-32"]:hover ~ .item-32 {
  box-shadow: inset 0 0 20px rgba(0, 0, 0, 0.5);
}
:root #boxshuffle input[name="item-32"]:hover ~ #item-32:after, :root #boxshuffle input[name="item-32"]:hover ~ #item-32:before {
  background-color: #0576f3;
  box-shadow: 2px 2px 0 rgba(5, 118, 243, 0.5);
}
:root #boxshuffle input[name="item-32"]:checked {
  z-index: 8;
  height: 40px;
  width: 40px;
  position: absolute;
  left: 10px;
  top: 10px;
}
:root #boxshuffle input[name="item-32"]:checked ~ #item-32 {
  bottom: 0;
  padding-top: 20px;
  z-index: 5;
}
:root #boxshuffle input[name="item-32"]:checked ~ #item-32:after {
  content: 'x';
}
:root #boxshuffle input[name="item-32"]:not(:checked) ~ #item-32 {
  bottom: 110%;
}
:root #boxshuffle input[name="item-33"]:hover ~ .item-33 {
  box-shadow: inset 0 0 20px rgba(0, 0, 0, 0.5);
}
:root #boxshuffle input[name="item-33"]:hover ~ #item-33:after, :root #boxshuffle input[name="item-33"]:hover ~ #item-33:before {
  background-color: #0576f3;
  box-shadow: 2px 2px 0 rgba(5, 118, 243, 0.5);
}
:root #boxshuffle input[name="item-33"]:checked {
  z-index: 8;
  height: 40px;
  width: 40px;
  position: absolute;
  left: 10px;
  top: 10px;
}
:root #boxshuffle input[name="item-33"]:checked ~ #item-33 {
  bottom: 0;
  padding-top: 20px;
  z-index: 5;
}
:root #boxshuffle input[name="item-33"]:checked ~ #item-33:after {
  content: 'x';
}
:root #boxshuffle input[name="item-33"]:not(:checked) ~ #item-33 {
  bottom: 110%;
}
:root #boxshuffle input[name="item-34"]:hover ~ .item-34 {
  box-shadow: inset 0 0 20px rgba(0, 0, 0, 0.5);
}
:root #boxshuffle input[name="item-34"]:hover ~ #item-34:after, :root #boxshuffle input[name="item-34"]:hover ~ #item-34:before {
  background-color: #0576f3;
  box-shadow: 2px 2px 0 rgba(5, 118, 243, 0.5);
}
:root #boxshuffle input[name="item-34"]:checked {
  z-index: 8;
  height: 40px;
  width: 40px;
  position: absolute;
  left: 10px;
  top: 10px;
}
:root #boxshuffle input[name="item-34"]:checked ~ #item-34 {
  bottom: 0;
  padding-top: 20px;
  z-index: 5;
}
:root #boxshuffle input[name="item-34"]:checked ~ #item-34:after {
  content: 'x';
}
:root #boxshuffle input[name="item-34"]:not(:checked) ~ #item-34 {
  bottom: 110%;
}
:root #boxshuffle input[name="item-35"]:hover ~ .item-35 {
  box-shadow: inset 0 0 20px rgba(0, 0, 0, 0.5);
}
:root #boxshuffle input[name="item-35"]:hover ~ #item-35:after, :root #boxshuffle input[name="item-35"]:hover ~ #item-35:before {
  background-color: #0576f3;
  box-shadow: 2px 2px 0 rgba(5, 118, 243, 0.5);
}
:root #boxshuffle input[name="item-35"]:checked {
  z-index: 8;
  height: 40px;
  width: 40px;
  position: absolute;
  left: 10px;
  top: 10px;
}
:root #boxshuffle input[name="item-35"]:checked ~ #item-35 {
  bottom: 0;
  padding-top: 20px;
  z-index: 5;
}
:root #boxshuffle input[name="item-35"]:checked ~ #item-35:after {
  content: 'x';
}
:root #boxshuffle input[name="item-35"]:not(:checked) ~ #item-35 {
  bottom: 110%;
}







:root #boxshuffle input[name="item-36"]:hover ~ .item-36 {
  box-shadow: inset 0 0 20px rgba(0, 0, 0, 0.5);
}
:root #boxshuffle input[name="item-36"]:hover ~ #item-36:after, :root #boxshuffle input[name="item-36"]:hover ~ #item-36:before {
  background-color: #0576f3;
  box-shadow: 2px 2px 0 rgba(5, 118, 243, 0.5);
}
:root #boxshuffle input[name="item-36"]:checked {
  z-index: 8;
  height: 40px;
  width: 40px;
  position: absolute;
  left: 10px;
  top: 10px;
}
:root #boxshuffle input[name="item-36"]:checked ~ #item-36 {
  bottom: 0;
  padding-top: 20px;
  z-index: 5;
}
:root #boxshuffle input[name="item-36"]:checked ~ #item-36:after {
  content: 'x';
}
:root #boxshuffle input[name="item-36"]:not(:checked) ~ #item-36 {
  bottom: 110%;
}
:root #boxshuffle input[name="item-37"]:hover ~ .item-37 {
  box-shadow: inset 0 0 20px rgba(0, 0, 0, 0.5);
}
:root #boxshuffle input[name="item-37"]:hover ~ #item-37:after, :root #boxshuffle input[name="item-37"]:hover ~ #item-37:before {
  background-color: #0576f3;
  box-shadow: 2px 2px 0 rgba(5, 118, 243, 0.5);
}
:root #boxshuffle input[name="item-37"]:checked {
  z-index: 8;
  height: 40px;
  width: 40px;
  position: absolute;
  left: 10px;
  top: 10px;
}
:root #boxshuffle input[name="item-37"]:checked ~ #item-37 {
  bottom: 0;
  padding-top: 20px;
  z-index: 5;
}
:root #boxshuffle input[name="item-37"]:checked ~ #item-37:after {
  content: 'x';
}
:root #boxshuffle input[name="item-37"]:not(:checked) ~ #item-37 {
  bottom: 110%;
}
:root #boxshuffle input[name="item-38"]:hover ~ .item-38 {
  box-shadow: inset 0 0 20px rgba(0, 0, 0, 0.5);
}
:root #boxshuffle input[name="item-38"]:hover ~ #item-38:after, :root #boxshuffle input[name="item-38"]:hover ~ #item-38:before {
  background-color: #0576f3;
  box-shadow: 2px 2px 0 rgba(5, 118, 243, 0.5);
}
:root #boxshuffle input[name="item-38"]:checked {
  z-index: 8;
  height: 40px;
  width: 40px;
  position: absolute;
  left: 10px;
  top: 10px;
}
:root #boxshuffle input[name="item-38"]:checked ~ #item-38 {
  bottom: 0;
  padding-top: 20px;
  z-index: 5;
}
:root #boxshuffle input[name="item-38"]:checked ~ #item-38:after {
  content: 'x';
}
:root #boxshuffle input[name="item-38"]:not(:checked) ~ #item-38 {
  bottom: 110%;
}
:root #boxshuffle input[name="item-39"]:hover ~ .item-39 {
  box-shadow: inset 0 0 20px rgba(0, 0, 0, 0.5);
}
:root #boxshuffle input[name="item-39"]:hover ~ #item-39:after, :root #boxshuffle input[name="item-39"]:hover ~ #item-39:before {
  background-color: #0576f3;
  box-shadow: 2px 2px 0 rgba(5, 118, 243, 0.5);
}
:root #boxshuffle input[name="item-39"]:checked {
  z-index: 8;
  height: 40px;
  width: 40px;
  position: absolute;
  left: 10px;
  top: 10px;
}
:root #boxshuffle input[name="item-39"]:checked ~ #item-39 {
  bottom: 0;
  padding-top: 20px;
  z-index: 5;
}
:root #boxshuffle input[name="item-39"]:checked ~ #item-39:after {
  content: 'x';
}
:root #boxshuffle input[name="item-39"]:not(:checked) ~ #item-39 {
  bottom: 110%;
}
:root #boxshuffle input[name="item-40"]:hover ~ .item-40 {
  box-shadow: inset 0 0 20px rgba(0, 0, 0, 0.5);
}
:root #boxshuffle input[name="item-40"]:hover ~ #item-40:after, :root #boxshuffle input[name="item-40"]:hover ~ #item-40:before {
  background-color: #0576f3;
  box-shadow: 2px 2px 0 rgba(5, 118, 243, 0.5);
}
:root #boxshuffle input[name="item-40"]:checked {
  z-index: 8;
  height: 40px;
  width: 40px;
  position: absolute;
  left: 10px;
  top: 10px;
}
:root #boxshuffle input[name="item-40"]:checked ~ #item-40 {
  bottom: 0;
  padding-top: 20px;
  z-index: 5;
}
:root #boxshuffle input[name="item-40"]:checked ~ #item-40:after {
  content: 'x';
}
:root #boxshuffle input[name="item-40"]:not(:checked) ~ #item-40 {
  bottom: 110%;
}








:root #boxshuffle input[name="item-41"]:hover ~ .item-41 {
  box-shadow: inset 0 0 20px rgba(0, 0, 0, 0.5);
}
:root #boxshuffle input[name="item-41"]:hover ~ #item-41:after, :root #boxshuffle input[name="item-41"]:hover ~ #item-41:before {
  background-color: #0576f3;
  box-shadow: 2px 2px 0 rgba(5, 118, 243, 0.5);
}
:root #boxshuffle input[name="item-41"]:checked {
  z-index: 8;
  height: 40px;
  width: 40px;
  position: absolute;
  left: 10px;
  top: 10px;
}
:root #boxshuffle input[name="item-41"]:checked ~ #item-41 {
  bottom: 0;
  padding-top: 20px;
  z-index: 5;
}
:root #boxshuffle input[name="item-41"]:checked ~ #item-41:after {
  content: 'x';
}
:root #boxshuffle input[name="item-41"]:not(:checked) ~ #item-41 {
  bottom: 110%;
}
:root #boxshuffle input[name="item-42"]:hover ~ .item-42 {
  box-shadow: inset 0 0 20px rgba(0, 0, 0, 0.5);
}
:root #boxshuffle input[name="item-42"]:hover ~ #item-42:after, :root #boxshuffle input[name="item-42"]:hover ~ #item-42:before {
  background-color: #0576f3;
  box-shadow: 2px 2px 0 rgba(5, 118, 243, 0.5);
}
:root #boxshuffle input[name="item-42"]:checked {
  z-index: 8;
  height: 40px;
  width: 40px;
  position: absolute;
  left: 10px;
  top: 10px;
}
:root #boxshuffle input[name="item-42"]:checked ~ #item-42 {
  bottom: 0;
  padding-top: 20px;
  z-index: 5;
}
:root #boxshuffle input[name="item-42"]:checked ~ #item-42:after {
  content: 'x';
}
:root #boxshuffle input[name="item-42"]:not(:checked) ~ #item-42 {
  bottom: 110%;
}
:root #boxshuffle input[name="item-43"]:hover ~ .item-43 {
  box-shadow: inset 0 0 20px rgba(0, 0, 0, 0.5);
}
:root #boxshuffle input[name="item-43"]:hover ~ #item-43:after, :root #boxshuffle input[name="item-43"]:hover ~ #item-43:before {
  background-color: #0576f3;
  box-shadow: 2px 2px 0 rgba(5, 118, 243, 0.5);
}
:root #boxshuffle input[name="item-43"]:checked {
  z-index: 8;
  height: 40px;
  width: 40px;
  position: absolute;
  left: 10px;
  top: 10px;
}
:root #boxshuffle input[name="item-43"]:checked ~ #item-43 {
  bottom: 0;
  padding-top: 20px;
  z-index: 5;
}
:root #boxshuffle input[name="item-43"]:checked ~ #item-43:after {
  content: 'x';
}
:root #boxshuffle input[name="item-43"]:not(:checked) ~ #item-43 {
  bottom: 110%;
}
:root #boxshuffle input[name="item-44"]:hover ~ .item-44 {
  box-shadow: inset 0 0 20px rgba(0, 0, 0, 0.5);
}
:root #boxshuffle input[name="item-44"]:hover ~ #item-44:after, :root #boxshuffle input[name="item-44"]:hover ~ #item-44:before {
  background-color: #0576f3;
  box-shadow: 2px 2px 0 rgba(5, 118, 243, 0.5);
}
:root #boxshuffle input[name="item-44"]:checked {
  z-index: 8;
  height: 40px;
  width: 40px;
  position: absolute;
  left: 10px;
  top: 10px;
}
:root #boxshuffle input[name="item-44"]:checked ~ #item-44 {
  bottom: 0;
  padding-top: 20px;
  z-index: 5;
}
:root #boxshuffle input[name="item-44"]:checked ~ #item-44:after {
  content: 'x';
}
:root #boxshuffle input[name="item-44"]:not(:checked) ~ #item-44 {
  bottom: 110%;
}
:root #boxshuffle input[name="item-45"]:hover ~ .item-45 {
  box-shadow: inset 0 0 20px rgba(0, 0, 0, 0.5);
}
:root #boxshuffle input[name="item-45"]:hover ~ #item-45:after, :root #boxshuffle input[name="item-45"]:hover ~ #item-45:before {
  background-color: #0576f3;
  box-shadow: 2px 2px 0 rgba(5, 118, 243, 0.5);
}
:root #boxshuffle input[name="item-45"]:checked {
  z-index: 8;
  height: 40px;
  width: 40px;
  position: absolute;
  left: 10px;
  top: 10px;
}
:root #boxshuffle input[name="item-45"]:checked ~ #item-45 {
  bottom: 0;
  padding-top: 20px;
  z-index: 5;
}
:root #boxshuffle input[name="item-45"]:checked ~ #item-45:after {
  content: 'x';
}
:root #boxshuffle input[name="item-45"]:not(:checked) ~ #item-45 {
  bottom: 110%;
}







:root #boxshuffle input[name="item-46"]:hover ~ .item-46 {
  box-shadow: inset 0 0 20px rgba(0, 0, 0, 0.5);
}
:root #boxshuffle input[name="item-46"]:hover ~ #item-46:after, :root #boxshuffle input[name="item-46"]:hover ~ #item-46:before {
  background-color: #0576f3;
  box-shadow: 2px 2px 0 rgba(5, 118, 243, 0.5);
}
:root #boxshuffle input[name="item-46"]:checked {
  z-index: 8;
  height: 40px;
  width: 40px;
  position: absolute;
  left: 10px;
  top: 10px;
}
:root #boxshuffle input[name="item-46"]:checked ~ #item-46 {
  bottom: 0;
  padding-top: 20px;
  z-index: 5;
}
:root #boxshuffle input[name="item-46"]:checked ~ #item-46:after {
  content: 'x';
}
:root #boxshuffle input[name="item-46"]:not(:checked) ~ #item-46 {
  bottom: 110%;
}
:root #boxshuffle input[name="item-47"]:hover ~ .item-47 {
  box-shadow: inset 0 0 20px rgba(0, 0, 0, 0.5);
}
:root #boxshuffle input[name="item-47"]:hover ~ #item-47:after, :root #boxshuffle input[name="item-47"]:hover ~ #item-47:before {
  background-color: #0576f3;
  box-shadow: 2px 2px 0 rgba(5, 118, 243, 0.5);
}
:root #boxshuffle input[name="item-47"]:checked {
  z-index: 8;
  height: 40px;
  width: 40px;
  position: absolute;
  left: 10px;
  top: 10px;
}
:root #boxshuffle input[name="item-47"]:checked ~ #item-47 {
  bottom: 0;
  padding-top: 20px;
  z-index: 5;
}
:root #boxshuffle input[name="item-47"]:checked ~ #item-47:after {
  content: 'x';
}
:root #boxshuffle input[name="item-47"]:not(:checked) ~ #item-47 {
  bottom: 110%;
}
:root #boxshuffle input[name="item-48"]:hover ~ .item-48 {
  box-shadow: inset 0 0 20px rgba(0, 0, 0, 0.5);
}
:root #boxshuffle input[name="item-48"]:hover ~ #item-48:after, :root #boxshuffle input[name="item-48"]:hover ~ #item-48:before {
  background-color: #0576f3;
  box-shadow: 2px 2px 0 rgba(5, 118, 243, 0.5);
}
:root #boxshuffle input[name="item-48"]:checked {
  z-index: 8;
  height: 40px;
  width: 40px;
  position: absolute;
  left: 10px;
  top: 10px;
}
:root #boxshuffle input[name="item-48"]:checked ~ #item-48 {
  bottom: 0;
  padding-top: 20px;
  z-index: 5;
}
:root #boxshuffle input[name="item-48"]:checked ~ #item-48:after {
  content: 'x';
}
:root #boxshuffle input[name="item-48"]:not(:checked) ~ #item-48 {
  bottom: 110%;
}
:root #boxshuffle input[name="item-49"]:hover ~ .item-49 {
  box-shadow: inset 0 0 20px rgba(0, 0, 0, 0.5);
}
:root #boxshuffle input[name="item-49"]:hover ~ #item-49:after, :root #boxshuffle input[name="item-49"]:hover ~ #item-49:before {
  background-color: #0576f3;
  box-shadow: 2px 2px 0 rgba(5, 118, 243, 0.5);
}
:root #boxshuffle input[name="item-49"]:checked {
  z-index: 8;
  height: 40px;
  width: 40px;
  position: absolute;
  left: 10px;
  top: 10px;
}
:root #boxshuffle input[name="item-49"]:checked ~ #item-49 {
  bottom: 0;
  padding-top: 20px;
  z-index: 5;
}
:root #boxshuffle input[name="item-49"]:checked ~ #item-49:after {
  content: 'x';
}
:root #boxshuffle input[name="item-49"]:not(:checked) ~ #item-49 {
  bottom: 110%;
}
:root #boxshuffle input[name="item-50"]:hover ~ .item-50 {
  box-shadow: inset 0 0 20px rgba(0, 0, 0, 0.5);
}
:root #boxshuffle input[name="item-50"]:hover ~ #item-50:after, :root #boxshuffle input[name="item-50"]:hover ~ #item-50:before {
  background-color: #0576f3;
  box-shadow: 2px 2px 0 rgba(5, 118, 243, 0.5);
}
:root #boxshuffle input[name="item-50"]:checked {
  z-index: 8;
  height: 40px;
  width: 40px;
  position: absolute;
  left: 10px;
  top: 10px;
}
:root #boxshuffle input[name="item-50"]:checked ~ #item-50 {
  bottom: 0;
  padding-top: 20px;
  z-index: 5;
}
:root #boxshuffle input[name="item-50"]:checked ~ #item-50:after {
  content: 'x';
}
:root #boxshuffle input[name="item-50"]:not(:checked) ~ #item-50 {
  bottom: 110%;
}











:root #boxshuffle [id^="item-"] {
  background: white;
  position: absolute;
  bottom: 110%;
  left: 0;
  width: 100%;
  height: 100%;
  -webkit-transition: bottom 7500ms;
  transition: bottom 750ms;
}
:root #boxshuffle [id^="item-"] > * {
  margin: 0;
}
:root #boxshuffle [id^="item-"] > * + * {
  margin-top: 20px;
}
:root #boxshuffle [id^="item-"] h2 {
  font-size: 40px;
  width: 100%;
}
:root #boxshuffle [id^="item-"]:after, :root #boxshuffle [id^="item-"]:before {
  content: initial;
  background-color: #62abfc;
  border-right: 1px solid white;
  border-bottom: 1px solid white;
  box-shadow: 2px 2px 0 rgba(98, 171, 252, 0.5);
  color: white;
  font-size: 30px;
  height: 40px;
  width: 40px;
  line-height: 40px;
  text-align: center;
  text-shadow: 1px 1px 0 #94c6fd, 2px 2px 0 #3091fb;
  position: absolute;
  top: 10px;
  left: 10px;
  z-index: 10;
  -webkit-transition: background-color 500ms, box-shadow 500ms;
  transition: background-color 500ms, box-shadow 500ms;
}