.dado_rolling {
	  display: flex;
	  justify-content: center;
	  align-items: center;
	  transform-style: preserve-3d;
	}
	.dado_rolling > div {
	  display: flex;
	  justify-content: center;
	  align-items: center;
	  transform-style: preserve-3d;
	}
	
	
	

	
	.point-1{
	  grid-area: 1/1;
	}
	.point-3{
	  grid-area: 1/3;
	}
	.point-4{
	  grid-area: 3/2;
	}
	.point-5{
	  grid-area: 2/2;
	}
	.point-5{
	  grid-area: 2/2;
	}
	.point-7{
	  grid-area: 3/1;
	}
	.point-9{
	  grid-area: 3/3;
	}

	
	
	
	
		
		
	@keyframes rolling {
	  0% {
	    transform: rotate3d(3, 4, 1, 0deg);
	  }
	  100% {
	    transform: rotate3d(3, 4, 1, 720deg);
	  }
	}