@supports (-webkit-transform: scale(0)) {
	.colorful {
		/*-webkit-mask-image: linear-gradient(to right, red, orange, yellow, green, cyan, blue, purple);*/
		background-image: linear-gradient(to right, red, orange, yellow, green, yellow, orange, red, orange, yellow, green, yellow, orange, red);
	    -webkit-background-clip: text;
	    -webkit-text-fill-color: transparent;
	    -webkit-background-size: 200% 100%;
	    animation: bgp 5s infinite linear;
	}
}
@-webkit-keyframes bgp {
    0%  { background-position: 0 0;}
    100% { background-position: -100% 0;}
}
#blogTitle h2{
text-shadow: none !important;
margin-top: 0em;
line-height: 2.5em;
width:70%;
}
#blogTitle h2 p{
margin-left: -108px;
font-size: 20px;
margin-bottom: 7px;
}
.colorful{
font-size: 30px;
font-weight: 600;
margin-left: -112px;
}
.c-body{
position: absolute;
width: 332px;
height: 323px;
right: 3%;
overflow: hidden;
top: 10%;
}
.c-wrap{
    position: absolute;
    top: 0%;
    bottom: 0;
    right: 2%;
    margin: auto;
    width: 300px;
    height: 300px;
    border-radius: 50%;
    border: 10px salmon solid;
    overflow: hidden;
}
.zhizhen{
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    margin: auto;
    width: 50px;
    height: 50px;
    background-color: tomato;
    border-radius: 50%;
    transform: rotate(-18deg);
}

.zhizhen::after {
    position: absolute;
    content: '';
    top: -35px;
    right: 12px;
    width: 0;
    height: 0;
    border-left: 12px solid transparent;
    border-right: 12px solid transparent;
    border-bottom: 61px solid tomato; 
    transform-origin: 18px 100%;
    transform: rotate(379deg);
}

.item{
    position: absolute;
    width: 0px;
    height: 0px;
    border: 73px solid transparent;
    border-right-color: transparent;
    border-right-style: solid;
    border-right-width: 73px;
    border-left-width: 73px;
    border-left-width: 0px;
    border-right: 151px solid Orange;  
}
.item {
    top: calc(50% - 73px);
    left: 50%;
}
.item {
    transform-origin: 0px 50%;
}
.item:nth-child(even){
    border-right: 151px solid DarkOrange;  
}

.item p{
position: absolute;
color: #ffffff;
top: -23px;
left: 46px;
width: 300px;
height: 23px;
z-index: 100;
font-size: 12px;
font-weight: 600;
letter-spacing: 3px;
transform: rotate(-5deg);
}
.light{
    position: absolute;
    width: 0px;
    height: 0px;
    border: 73px solid transparent;
    border-right-color: transparent;
    border-right-style: solid;
    border-right-width: 73px;
    border-left-width: 73px;
    border-left-width: 0px;
    border-right: 151px solid #ffffff;
    opacity: 0.5;
    transform: rotateZ(315deg);
    transform-origin: 0px 50%;
    top: calc(50% - 73px);
    left: 50%;
    display: none;
}
#page_end_html{
 text-align:center;
padding-bottom:10px;
}