.hide:checked ~ .content-div > div > .pose {
  display:block;
    animation-name: head-pose2;
	animation-duration: .1s;
	animation-timing-function: linear;
	animation-iteration-count: 1;
	animation-direction: normal; 
	animation-delay: 0; 
	animation-play-state: running; 
	animation-fill-mode: forwards;
}

@keyframes head-pose2 {
	0% {
      width:0px;
      height:0px;
	font-size:0px;
      background-color:#c0e0ff;
      color:black;
  }
  20%{
    width:240px;
    height:1px;
	font-size:1px;
    
  }  
  50%{
    width:300px;
    height:15px;
	font-size:1px;
    
  }
    60%{
    width:240px;
	height:10.5px;
  font-size:25px;
    } 
  80%{
    width:240px;
    height:24px;
	background-color:transparent;
	font-size:20px;
  }
	100% {
    width:240px;
    height:30px;
	font-size:30px;
  color:#a0d0f0;
    }
}

.pose {
  border-radius:5px;
  display:none;
	width: 240px;
	height: 24px; 
  font-size:30px;
  color:#a0d0f0;
  background-color:black;
  text-align:center;
  font-style:italic;
}