@font-face {
  font-family: "PastryChef";
  src: url("../fontcss/ofont.ru_Pastry\ Chef.ttf") format("truetype");
}

.cont-end {
  width: 100%;
  height: 100%;
  position: absolute;
  display: flex;
  justify-content: center;
  align-items: center;
	
}

/* Текст подвала */
.txt-end {
  text-align: center;
  color: white;
  transform: scale(0.95);
  transition: opacity 0.8s ease, transform 0.8s ease;
  z-index: 2;
	opacity: 0;
	margin-top: 0px;
	position: relative;
	bottom:-5%;
}

.txt-end p {
  font-family: "PastryChef";
  font-size: 107px;
  margin-bottom: 12px;
  z-index: 0;
}

.txt-end span {
  font-size: 40px;
  opacity: 0.8;
}

/* Листья */
.petal-cont{
	width: 100%;
	height: 50%;
	position: absolute;
	left: -53%;
	transform: rotate(10deg);
	top:-13%;
}

.petal{
	width: 50%;
	height: auto;
	transform: rotate(130deg);
  position: absolute;
  right: 0;  
  top: 0%;  
}



.petal2-cont{
	width: 100%;
	height: 50%;
	position: absolute;
	right: -60%;
	top:-3%;
	transform: rotate(0deg);
}
.petal2{
	width: 50%;
	height: auto;
 transform: scaleY(-1) rotate(-30deg) ;
  position: absolute;
  left: 0;
  top: 0%;
}

.petal3-cont{
	width: 90%;
	height: 50%;
	position: absolute;
	right: -53%;
	top:20%;
	transform: rotate(0deg);
}
.petal3{
	width: 50%;
	height: auto;
	transform: scaleY(-1) rotate(-30deg) ;
  position: absolute;
  left: 0;
  top: 0%;
}


.petal4-cont{
	width: 90%;
	height: 50%;
	position: absolute;
	left: -53%;
	top:20%;
	transform: rotate(10deg);

}
.petal4{
	width: 50%;
	height: auto;
	transform: rotate(130deg) ;
  position: absolute;
  right: 0;   
  top: 0%;   
	
}

.petal-cont,
.petal2-cont,
.petal3-cont,
.petal4-cont {
	transition: transform 0.6s ease;
	transform-origin: center;
	transition-delay: 0.1s;
	z-index: 1;
	
}

.txt-end {
	transition: opacity 0.6s ease, transform 0.6s ease;
	transform: translateY(10px);
	transition:
		opacity 0.6s ease,
		transform 0.6s ease;
	transition-delay: 0s; 
}

.theend {
  position: relative;
  width: 100%;
  height: 700px;

  padding-top: 100px;
  overflow: hidden; 
}

.theend:hover .txt-end {
	opacity: 1;
	transform: translateY(0);
	transition-delay: 0s; 
}
.theend:hover .petal-cont{
  transform: rotate(30deg);
	transition-delay: 0s;
}
.theend:hover .petal2-cont{
  transform: rotate(-15deg);
	transition-delay: 0s;
}
.theend:hover .petal3-cont{
  transform: rotate(20deg);
	transition-delay: 0s;
}
.theend:hover .petal4-cont{
  transform: rotate(-10deg);
	transition-delay: 0s;
}

.txt-end span{
	font-family: none;
}