.fratura{
border-style: solid;
border-width: 0 200px 200px 200px;
border-color: transparent transparent #fff transparent;
}{
position: absolute;
top: 50%;
left: 50%;
transform: translate (-50%) , -50%);
z-index: 1;
}
.esqueleto{
position: absolute;
top: 50%;
left: 50%;
transform: translate (-50%) , -50%);
width: 200px;
height: 200px;
background: #fff;
border-radius: 50%;
animation: rotacao 5s infinite;
z-index: 2;
}
.esqueleto::before{
content: ' ';
position: absolute;
top: 50%;
left: 50%;
transform: translate (-50%) , -50%);
width: 150px;
height: 150px;
background: #000;
border-radius: 50%;
}
.esqueleto::after{
content: ' ';
position: absolute;
top: 50%;
left: 50%;
transform: translate (-50%) , -50%) rotate 45deg;
width: 100px;
height: 100px;
background: #fff;
border-radius: 50%;
}
.reflexos{
position: absolute;
top: 50%;
left: 50%;
transform: translate (-50%) , -50%);
width: 0;
height: 0;
border-style: solid;
border-width: 0 100px 100px 100px;
border-color: transparent transparent #000 transparent;
z-index: 3;
animation: reflexo 2s infinite;
}
.reflexo::before{
content: ' ';
position: absolute;
top: 50%;
left: 50%;
transform: translate (-50%) , -50%);
width: 80px;
height: 80px;
background: #fff;
border-radius: 50%;
animation: diminuir 0.5s infinite;
}
.reflexo::after{
content: ' ';
position: absolute;
top: 50%;
left: 50%;
transform: translate (-50%) , -50%) rotate 18deg;
width: 60px;
height: 60px;
background: #000;
border-radius: 50%;
}