@import url("https://fonts.googleapis.com/css?family=Poppins:100,200,300,400,500,600,700,800,900");
* {
  
  box-sizing: border-box;
  font-family: "poppins";
}
/* body {
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 100vh;
  background: #222;
} */
.container_cigarette {
  padding: 1vh;
  display: flex;
  justify-content: center;
  align-items: center;  
  height: 100%;
  /* transform-style: preserve-3d; */
} 
.container_cigarette .cigarette {
  transform-style: preserve-3d;
  animation: animate 15s linear infinite;
}
@keyframes animate {
  0% {
    transform: perspective(1000px) rotateX(0deg);
  }
  100% {
    transform: perspective(1000px) rotateX(360deg);
  }
}
.container_cigarette .cigarette span {
  position: absolute;
  color: #fff;
  font-size: 1.35em;
  font-weight: 900;
  text-transform: uppercase;
  line-height: 0.76em;
  text-shadow: 0 2px 5px rgba(0, 0, 0, 0.25);
  transform: translate(-50%, -50%) rotateX(calc(var(--i) * 36deg))
    translateZ(25px);
  background: rgba(0, 0, 0, 0.25);
  transform-style: preserve-3d;
}
.container_cigarette .cigarette span i {
  font-style: normal;
  color: #ec9535;
}
.container_cigarette .cigarette span i:first-child:after {
  content: "L";
  color: #ccc;
  text-transform: lowercase;
}
.container_cigarette .cigarette span i:last-child {
  color: #f00;
  filter: blur(2px);
  text-shadow: -4px 0 2px #000, 8px 0 20px #f00, 8px 0 24px #f00, 8px 0 0 #222,
    12px 0 #555, 16px 0 #666, 20px 0 #888, 24px 0 #999;
}