.loader {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 9999;
}

.pizza {
	position: relative;
    width: 60px;
    height: 60px;
}
.pizza img{
    background-color: rgb(245, 106, 63) !important;
    border-radius: 30px;
}
.slice {
	width: 100%;
	position: absolute;
}

.slice-one {
	transform-origin: top left;
	animation: pizza-slice-one 0.5s infinite;
}

.slice-two {
	transform: rotate(45deg);
	transform-origin: top left;
	animation: pizza-slice-two 0.5s infinite;
}

.slice-three {
	transform: rotate(90deg);
	transform-origin: top left;
	animation: pizza-slice-three 0.5s infinite;
}

.slice-four {
	transform: rotate(135deg);
	transform-origin: top left;
	animation: pizza-slice-four 0.5s infinite;
}

.slice-five {
	transform: rotate(180deg);
	transform-origin: top left;
	animation: pizza-slice-five 0.5s infinite;
}

.slice-six {
	transform: rotate(225deg);
	transform-origin: top left;
	animation: pizza-slice-six 0.5s infinite;
}

.slice-seven {
	transform: rotate(270deg);
	transform-origin: top left;
	animation: pizza-slice-seven 0.5s infinite;
}

.slice-eight {
	transform: rotate(-45deg);
	transform-origin: top left;
	animation: pizza-slice-eight 0.5s infinite;
}

@keyframes pizza-slice-one {
	0%{
		opacity: 0;
	}
	12.5%{
		opacity: 1;
	}
	100%{
		opacity: 1;
	}
}
@keyframes pizza-slice-two {
	0%{
		opacity: 0;
	}
	12.5%{
		opacity: 0;
	}
	25%{
		opacity: 1;
	}
	100%{
		opacity: 1;
	}
}

@keyframes pizza-slice-three {
	0%{
		opacity: 0;
	}
	25%{
		opacity: 0;
	}
	37.5%{
		opacity: 1;
	}
	100%{
		opacity: 1;
	}
}

@keyframes pizza-slice-four {
	0%{
		opacity: 0;
	}
	37.5%{
		opacity: 0;
	}
	50%{
		opacity: 1;
	}
	100%{
		opacity: 1;
	}
}

@keyframes pizza-slice-five {
	0%{
		opacity: 0;
	}
	50%{
		opacity: 0;
	}
	62.5%{
		opacity: 1;
	}
	100%{
		opacity: 1;
	}
}

@keyframes pizza-slice-six {
	0%{
		opacity: 0;
	}
	62.5%{
		opacity: 0;
	}
	75%{
		opacity: 1;
	}
	100%{
		opacity: 1;
	}
}

@keyframes pizza-slice-seven {
	0%{
		opacity: 0;
	}
	75%{
		opacity: 0;
	}
	87.5%{
		opaciy: 1;
	}
	100%{
		opacity: 1;
	}
}

@keyframes pizza-slice-eight {
	0%{
		opacity: 0;
	}
	87.5%{
		opacity: 0;
	}
	100%{
		opacity: 1;
	}
}