:root{
	--primary-color: #00B16A; 
	--secondary-color: #007044; 
	--primary-color-opa: #00B16Abd; 
}

/* Preloader  */
 .book__page{
    background-color: var(--primary-color);
}
    @-webkit-keyframes flip{0%{-webkit-transform:perspective(600px) rotateY(0deg);transform:perspective(600px) rotateY(0deg);}
    20%{background:var(--primary-color);}
    29.9%{background:var(--primary-color);}
    30%{-webkit-transform:perspective(200px) rotateY(-90deg);transform:perspective(200px) rotateY(-90deg);background:#0eb975;}
    54.999%{opacity:1;}
    55%{opacity:0;}
    60%{-webkit-transform:perspective(200px) rotateY(-180deg);transform:perspective(200px) rotateY(-180deg);background:#0eb975;}
    100%{-webkit-transform:perspective(200px) rotateY(-180deg);transform:perspective(200px) rotateY(-180deg);background:#0eb975;}
    }
    @keyframes flip{0%{-webkit-transform:perspective(600px) rotateY(0deg);transform:perspective(600px) rotateY(0deg);}
    20%{background:#00d37f;}
    29.9%{background:#00d37f;}
    30%{-webkit-transform:perspective(200px) rotateY(-90deg);transform:perspective(200px) rotateY(-90deg);background:#00eb8d;}
    54.999%{opacity:1;}
    55%{opacity:0;}
    60%{-webkit-transform:perspective(200px) rotateY(-180deg);transform:perspective(200px) rotateY(-180deg);background:#00eb8d;}
    100%{-webkit-transform:perspective(200px) rotateY(-180deg);transform:perspective(200px) rotateY(-180deg);background:#00eb8d;}
    }
/* Preloader  */