:root{
	
	--primary-color: #020085; 
	--secondary-color: #ff0018db; 
	--primary-color-opa: #020085bd; 
}

/* 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:var(--primary-color)74;}
	54.999%{opacity:1;}
	55%{opacity:0;}
	60%{-webkit-transform:perspective(200px) rotateY(-180deg);transform:perspective(200px) rotateY(-180deg);background:var(--secondary-color) ;}
	100%{-webkit-transform:perspective(200px) rotateY(-180deg);transform:perspective(200px) rotateY(-180deg);background:var(--secondary-color) ;}
	}
	@keyframes flip{0%{-webkit-transform:perspective(600px) rotateY(0deg);transform:perspective(600px) rotateY(0deg);}
	20%{background:var(--secondary-color) ;}
	29.9%{background:var(--secondary-color) ;}
	30%{-webkit-transform:perspective(200px) rotateY(-90deg);transform:perspective(200px) rotateY(-90deg);background:#020062;}
	54.999%{opacity:1;}
	55%{opacity:0;}
	60%{-webkit-transform:perspective(200px) rotateY(-180deg);transform:perspective(200px) rotateY(-180deg);background:#020062;}
	100%{-webkit-transform:perspective(200px) rotateY(-180deg);transform:perspective(200px) rotateY(-180deg);background:#020062;}
	}
/* Preloader  */