/*
 Theme Name:   BTDT Child
 Theme URI:    https://www.itdshub.com
 Description:  Default BTDT child theme
 Author:       Shubha
 Author URI:   https://www.itdshub.com
 Template:     generatepress
 Version:      0.1
*/
.clapper1{
	position: absolute;
	 background: repeating-linear-gradient(135deg, #111 0%, #111 10%, #fff 10%, #fff 20%);
}
.clapper2 {
	position: absolute;
	 background: repeating-linear-gradient(-135deg, #fff 0%, #fff 10%, #111 10%, #111 20%);
    top: -10px;
}
  * {
    box-sizing: border-box;
  }

  .clapper {
    background-color: #111;
    height: 180px;
    width: 240px;
    position: relative;
  }
  .clapper > div {
    background: repeating-linear-gradient(135deg, #111 0%, #111 10%, #fff 10%, #fff 20%);
    height: 12px;
    width: 250px;
    position: absolute;
    left: -5px;
    top: 0;
  }
  .clapper > div:nth-of-type(1) {
    background: repeating-linear-gradient(-135deg, #fff 0%, #fff 10%, #111 10%, #111 20%);
    top: -10px;
  }

.clapper > div:nth-of-type(1) {
  animation-name: open;
  transform-origin: left;
  animation-duration: .95s;
  animation-timing-function: ease-out;
  animation-delay: 1s;
  animation-iteration-count: 102;
  animation-direction: alternate;
}

.clapper > div:nth-of-type(1):before { 
      content:"";
      width:5px;
      height:5px;
      position:absolute;
      border-radius:100%;
      background-color:yellow;
      top: 5px;
      left:5px;
      z-index:100;
  }

@keyframes open {
  to {
    transform: rotate(-80deg);
  }
}