【HTML】
<div class="OozoraSubaru">
<i class="character">
<div class="hat">
</div>
<e></e>
<e></e>
<e></e>
<div class="hair">
</div>
<div class="body">
<i></i>
<i></i>
<i></i>
<i></i>
<i></i>
<i></i>
<i></i>
<a>
<l></l>
<l></l>
<l></l>
<l></l>
<l></l>
<l></l>
<l></l>
</a>
<b></b>
<c><a></a></c>
<d></d>
<h><a></a></h>
<e></e>
<f></f>
<g></g>
<j><a></a></j>
</div>
<div class="face">
<s></s>
<s></s>
<a></a>
<b></b>
<f><a></a></f>
<e></e>
<g></g>
<div class="eye">
<i><i><a><c></c></a><d></d></i></i>
<i><i><a><c></c></a><d></d></i></i>
<i></i>
<i></i>
<e></e>
<e></e>
</div><!--eye-->
</div><!--face-->
<div class="hair_2">
</div>
<div class="hat_2">
<a></a>
<b></b>
</div>
<div class="hat_3">
<a></a>
</div>
</i><!--character-->
</div><!--OozoraSubaru-->
【CSS】
.OozoraSubaru{
position:relative;
left:50%;
display:block;
width:340px;
height:340px;
margin-left:-170px;
background:rgb(224,255,44);
border-radius:20px;
}
.OozoraSubaru:before{
content:"";
display:block;
width:340px;
height:340px;
background:rgb(189,231,23);
clip-path:polygon(0%49.9%,0%17.3%,46.2%0%,83.4%0%,48.2%96.3%);
}
.OozoraSubaru{
.character,.character *{
display:block;
position:absolute;
top:0;
left:50%;
margin-left:-170px;
width:340px;
height:340px;
}
.character{
display:block;
position:absolute;
top:0;
left:50%;
margin-left:-170px;
background:rgb(167,105,82);
width:340px;
height:340px;
clip-path:polygon(43.7%46.9%,42.9%47.7%,41.6%48.2%,42.1%47.6%,42.8%46.4%,42.8%45.4%,42%44.7%,41.5%45.6%,40.2%47.2%,38.3%48.3%,39%47.3%,39.3%46.2%,38.8%46.9%,37.7%48%,38.7%46.2%,39%45.1%,38.7%43.3%,38.2%43.3%,35.3%43%,34.7%43.9%,34.1%43.9%,34.5%42.9%,31.8%42.5%,29.8%41.6%,28.9%40.1%,28.6%38.4%,29.2%35.7%,30.2%33.6%,29.5%30.1%,28.6%27.2%,28.4%23.3%,28.9%19.3%,29.9%16.2%,31.7%12.9%,34.1%9.8%,37.4%6.8%,40.6%5%,44.2%4.3%,49.8%4.3%,52.9%5%,57.3%6.6%,60.2%8.6%,61.8%10.7%,64%14.5%,65.4%18.9%,66.2%22.5%,66.5%27.7%,66.5%29.1%,66.5%30.7%,65.9%31.6%,65.8%29.3%,65.6%29.3%,65.6%31.5%,65.3%33.5%,64%35.8%,65.4%35%,68.7%34.6%,69.5%34.9%,71.2%32.7%,79.2%24.6%,81.7%21.7%,81.6%21%,81.9%17.6%,82.4%15.9%,83.5%13.5%,84.5%12.5%,86.5%10.7%,88%8.6%,89.1%6.9%,90%6.7%,90.9%7.4%,90.8%8.9%,89.8%10.7%,89%12.2%,89.5%12%,95%7.5%,97.9%5.7%,100%5%,100%6.8%,98.8%7.5%,97.4%8.8%,93.9%12.5%,93.5%13.1%,94.3%13.6%,94.7%14.5%,94.5%15.6%,94.2%16.1%,94.5%16.4%,94.4%17.9%,93.9%18.6%,93.8%19.8%,93.1%20.9%,89.6%24.8%,87.3%26.7%,84.1%31%,78.2%41.1%,79%42.6%,80%45.3%,79.8%49.3%,78.6%52.4%,76.5%55.6%,75.6%56%,74.9%57%,71.2%60.2%,66.6%63.1%,64.4%67.6%,60.9%76.9%,57.3%84%,56.8%86.5%,57.7%88.8%,58.5%90.6%,61.6%94.3%,62.9%96.3%,63.5%98%,63.5%100%,20.2%100%,20.2%97.4%,21.3%95.5%,24.6%92.9%,24.4%92%,24.8%90.8%,26.7%88%,26.8%85.3%,27.7%82.4%,21.1%71.3%,19.7%71.2%,18.2%69.8%,15.4%65.3%,7.5%65.1%,6.1%63%,6%61.8%,6.3%61.5%,6.4%61.1%,6.1%60.9%,4.2%59%,4.4%58.1%,6.2%56.4%,7.4%56.4%,6.9%55.6%,7.2%54.8%,7.6%54.3%,9.8%55%,12.4%56.1%,14.8%56.4%,17.1%57.2%,18.6%58.3%,19.4%59.3%,21.4%59.3%,22.8%60.6%,25.7%64.9%,26%66.4%,28.5%68.6%,28.9%67.7%,29.2%67.4%,29.8%65.3%,31.2%62.9%,32%61.6%,32.3%59.3%,34%55.1%,35.1%52.9%,36.3%51.8%,38.7%50.2%,40.8%49.8%,42.1%49.2%,44.6%49.2%,47.3%48.4%,47.3%47.4%,46.6%47.1%,45.4%47.6%,45.1%47.7%,45.3%47%,45.3%46.7%,44.5%46.3%,44.1%47.3%,43.4%47.7%,43.9%47.2%);
}
.character e{
background:rgb(189,231,23);
clip-path:polygon(10.7%58.1%,11.7%58.6%,11%58.8%);
}
.character e:nth-child(2){
background:rgb(189,231,23);
clip-path:polygon(57.5%43.5%,57%44.2%,56.9%46.1%,57.2%45.6%);
}
.character e:nth-child(3){
background:rgb(189,231,23);
clip-path:polygon(60%41.5%,61%41.9%,60.6%42.8%,60.5%44.5%,60%46.4%,59.4%46.9%,59%47.4%,58.8%50%,57.9%49%,57.4%48%,58.4%45.8%,59.2%43.9%);
}
.body i{
background:rgb(245,235,223);
clip-path:polygon(7.4%55.1%,7.8%54.5%,7.8%54.7%,11.9%56.3%,14.9%56.8%,17.3%57.7%,19.3%59.6%,20.7%61.3%,20.9%62.3%,20%63.7%,18.4%64.9%,7.7%64.7%,7%63.7%,6.4%62.2%,6.6%61.8%,8.4%60.5%,10%60.9%,10.8%61.3%,10.6%61.7%,9.3%61.8%,8.8%61.4%,7.5%62.5%,7.4%63.2%,7.9%62.6%,8.8%62%,10.4%62.3%,10.9%62%,11%61.7%,12%61.6%,12.3%61%,12%60.5%,12.1%59.8%,11.4%59.1%,12.2%58.5%,10%57.4%,9.6%56.7%,8.9%56.4%,7.9%56.3%,7.2%55.6%);
}
.body i:nth-child(2){
background:rgb(245,235,223);
clip-path:polygon(6.4%57.3%,9.2%57.3%,9.6%57.3%,9.1%56.8%,6.3%56.7%,4.7%58.3%,4.7%59%,5.9%60.3%,5.9%57.9%);
}
.body i:nth-child(3){
background:rgb(245,235,223);
clip-path:polygon(10.7%58.6%,9.7%57.6%,6.5%57.6%,6.2%58.1%,6.2%60.4%,6.6%59.4%,7%58.8%,7.4%58.7%,10.4%58.7%);
}
.body i:nth-child(4){
background:rgb(245,235,223);
clip-path:polygon(12%60.9%,11%59.1%,7.3%59.1%,6.8%60%,7.1%59.1%,6.6%60.8%,6.8%61.2%,8.1%60.3%,9.9%60.4%,11.2%61.2%,11.6%61.5%,12.1%61.3%);
}
.body i:nth-child(5){
background:rgb(245,235,223);
clip-path:polygon(26%66.7%,28.9%69.4%,28.9%76.2%,28.9%77.8%,27.9%81.9%,21.5%71.2%,22.9%70.8%,24.7%69.3%,25.8%67.4%);
}
.body i:nth-child(6){
background:rgb(245,235,223);
clip-path:polygon(71.3%51.3%,73.3%47.5%,74.9%44.9%,78%41%,81.6%34.9%,83.9%30.9%,87%26.7%,86.3%26.6%,87.5%26.4%,93.1%20.6%,93.6%19.7%,93.7%18.5%,94.4%17.8%,94.4%16.5%,94%16.1%,94.4%15.2%,94%14.1%,93.5%13.6%,90.5%12.9%,90%13%,86.8%15.6%,86.8%16.4%,86.3%16.7%,90.4%15.2%,92.7%15.2%,92.9%15.7%,90.4%15.7%,86.9%17.6%,86.4%18.2%,87%19.1%,89.5%17.9%,92.3%17.9%,92.3%18.3%,89.5%18.3%,86.3%19.9%,86.2%20.8%,88.1%21.5%,88.9%21.1%,88.5%20.9%,87.6%20.7%,89.8%19.9%,91.8%20.3%,91.5%20.7%,89.8%20.5%,88.9%20.7%,88.9%21.1%,88.1%21.7%,86.1%20.9%,86.1%19.9%,86.7%19.3%,86.1%18.3%,86.2%17.8%,86.9%17.2%,86.4%16.7%,86.4%16.6%,89.7%12.5%,90.4%12.3%,93.3%13%,94%12.2%,97.7%8.3%,100%6.9%,100%5.2%,98.3%5.6%,96%7.1%,94.5%8.1%,89.4%12.2%,88.2%13.2%,87.6%13.8%,87.7%13%,88.9%12.1%,90.6%8.9%,90.7%7.4%,90%6.9%,89.1%7.1%,87.2%9.9%,86.6%10.8%,84.2%13%,83.5%13.7%,82.4%16.4%,82%18.4%,81.8%20.8%,81.9%21.9%,71.3%33%,69.7%35%,63.8%43.7%,64.1%45.1%,66.2%47.9%,68.8%50.2%);
}
.body i:nth-child(7){
background:rgb(245,235,223);
clip-path:polygon(47%50.6%,47.4%49.4%,46.8%49.8%,45.3%50.2%,42.5%50.3%,41%50.8%,40.4%51.5%,40.3%52.1%,40.2%54%,41%56.9%,42.5%59.1%,51.6%55.1%,54.8%52.8%,58.5%50.2%,57.5%49.1%,56.7%47.1%,56.7%44.7%,52.5%47.4%,50.7%48.1%,47.6%47.4%,47.6%49.8%,47.1%50.9%);
}
.body a{
background:rgb(231,222,79);
clip-path:polygon(25.4%93.9%,24.8%92.4%,24.8%91.8%,25.6%90.4%,26.7%88.7%,26.8%90.6%,27.1%90.7%,27%85.3%,27.8%83.4%,29.1%78.1%,29.2%76.3%,29%76.1%,29%69.2%,30%65.5%,35.9%57.2%,35.9%55.2%,35.6%57.2%,32.2%62%,32.5%59.5%,35.4%53.1%,38.7%50.6%,40.1%50.3%,38.4%52.4%,38.4%54.4%,38.8%56.6%,41.3%62.3%,43.1%61.3%,53.9%55.8%,57%52.8%,59.1%50.5%,59.2%47.3%,60.3%46.5%,61%49.7%,62.9%52.8%,66.4%56%,69.6%57.3%,73.2%57.1%,75.1%56.2%,70.5%60.3%,66.6%62.9%,64%67.7%,60%78.1%,57.1%83.8%,56.4%86.6%,58.2%90.7%,61.9%95.1%,63.1%97.3%,63.3%100%,20.4%100%,20.4%97.5%,21.5%95.6%,24.9%93.2%);
}
.body a l{
background:rgb(230,239,225);
clip-path:polygon(35.4%53.1%,34.6%55.1%,35.2%56.6%,35.9%57.2%,35.9%55.2%,35.6%55.2%,36.2%56.4%,36.8%53%,39.5%51.1%,39.9%50.4%,38.9%50.4%);
}
.body a l:nth-child(2){
clip-path:polygon(32.7%61.5%,36.1%57.4%,38.4%54.5%,38.7%56.1%,32.2%63.4%,31.1%65.3%,30.3%67.8%,30.5%79.3%,29.6%86.5%,29%88.4%,29%91.2%,29.8%92.2%,27.4%96.1%,27.8%98%,27.1%100%,20.6%100%,20.9%97.7%,22.3%95.9%,25.7%95.9%,25.5%93.6%,25%92%,26.5%89.6%,26.8%90.8%,27.2%90.8%,27.3%86.3%,28.6%81.8%,29.4%77.5%,29.1%69.1%,30.1%65.5%);
}
.body a l:nth-child(3){
clip-path:polygon(40.3%60.2%,43.6%61.1%,39.7%69.2%,39.3%71.3%,38.6%80.9%,38%82.7%,37.6%86.7%,38%91.4%,40.5%96.7%,40.4%97.8%,40.9%100%,35.1%100%,34.6%99.1%,34.6%93.8%,33.1%90.8%,33.3%83.5%,34.1%78.7%,37.5%63.9%);
}
.body a l:nth-child(4){
clip-path:polygon(45.8%65.8%,49.2%58.3%,53.1%56.4%,52.5%62.9%,51.5%70.6%,50.7%75.1%,48.6%83.8%,47.6%86.4%,48.4%92.4%,52.7%100%,46.1%100%,45.4%96.9%,44.3%95.1%,43.2%91.7%,42.9%86.5%,45%67.7%);
}
.body a l:nth-child(5){
clip-path:polygon(57.5%53.7%,58%52.3%,58%53.7%,59.1%57.3%,61.5%59.7%,62.8%61.7%,64.6%62.7%,63.4%63.2%,61.8%64.8%,60.5%68.9%,59.1%76.2%,57.1%82.1%,55.4%85.9%,55.4%88.3%,56.9%92.3%,60.7%98.4%,61.2%100%,58.4%100%,54%92%,52.8%89.3%,52.8%86.2%,55.6%78.5%,56.8%73.1%,57.6%64.4%,57.8%61.1%,57.2%57.7%);
}
.body a l:nth-child(6){
clip-path:polygon(61.3%74.8%,64.1%67.5%,66.5%63%,66.2%63%,63.9%65.9%,67.4%72.7%);
}
.body a l:nth-child(7){
clip-path:polygon(67.4%100%,56.9%90.2%,58.8%92.1%,60.8%91.3%,62.5%100%);
}
.body b{
background:rgb(241,52,25);
clip-path:polygon(41.3%62.4%,38.9%56.9%,38.4%54.5%,38.5%52.3%,40.1%50.3%,42.3%49.5%,46.4%49.7%,45.1%50.1%,41%50.6%,40.3%52.4%,40.1%52.4%,40.7%56.6%,42.5%59.4%,50.1%56.1%,53.2%54.2%,56.7%51.5%,58.6%50.3%,58.7%50.6%,55.4%54.1%,53.3%56.1%,41.4%62.1%);
}
.body c{
background:rgb(104,188,227);
clip-path:polygon(21.2%62.3%,20.2%64%,18.8%65.1%,15.4%65.1%,18.2%69.4%,19.8%71.1%,21.2%71.2%,23%70.5%,24.5%69.3%,25.8%66.9%,25.7%65.1%,23.2%61.5%,21.5%59.5%,19.6%59.5%,20.8%61%);
}
.body c a{
background:rgb(245,235,225);
clip-path:polygon(16.8%67.4%,18.1%67.9%,19.6%67.7%,21.3%66.9%,22.4%65.8%,23.2%64.2%,23.5%61.4%,24.9%63.3%,24.9%65.3%,23.4%67.4%,21.6%69%,20%69.4%,17.4%69.2%);
}
.body d{
background:rgb(241,52,25);
clip-path:polygon(60.6%45.2%,61.8%48.8%,63.9%51.9%,67.1%54.1%,70.1%55.9%,73.2%55.8%,76.4%54.6%,78.8%51.6%,76.4%55.5%,73.7%56.4%,73.3%56.9%,69.5%57%,66.4%55.8%,63.1%52.9%,61.1%49.5%,60.2%46.1%);
}
.body e{
background:rgb(21,67,119);
clip-path:polygon(39.6%55%,38.8%57.4%,38.4%62.4%,39%62.2%,39.2%57.5%,39.8%55.5%,39.4%56.6%,40.9%53.9%,42.8%51.3%,46.5%49.1%,47.6%49.2%,47.4%48.4%,46.3%48.4%,42.7%49.9%,38.8%55.1%,36.1%59.1%,35.4%60.4%,34.1%62.5%,33.2%70.1%,35.6%70.7%,39.3%65.1%,43%60.6%,39.6%63.1%,39.1%63.1%,39.3%62.5%,42.8%60.2%,48.3%56.3%,52.7%52%,55%50.3%,57.8%47.9%,58.5%49.5%,54.7%51.7%,52.8%52.8%,48.4%56.9%,43.4%60.7%,38.9%66.1%,36%71%,32.9%70.9%,33.1%66.2%,33.8%61.7%,35%59.8%,35.9%58.2%,38.1%55.2%,41.3%51.4%,41.1%52.3%);
}
.body f{
background:rgb(90,209,224);
clip-path:polygon(71.4%51.3%,74.7%45.2%,78%41.1%,79.8%45.2%,79.6%49.4%,78.2%52.2%,76.3%54.6%,73.2%55.9%,70.2%55.9%,67.3%54.8%,64.2%52.2%,61.8%48.9%,60.7%45.8%,60.7%42.5%,61.5%40%,62.4%37.8%,63.4%36.5%,64.7%35.7%,66%35.2%,69.6%35.2%,63.7%43.7%,63.2%42.1%,63.2%39.2%,63.4%38%,62.9%39.1%,62.9%42.6%,63.9%45.4%,66.2%48.4%,68.8%50.5%,71.6%51.6%,74.7%51.5%,77%50.5%,78.8%47.9%,76.8%50.1%,74.7%51.3%);
}
.body g{
background:rgb(191,209,201);
clip-path:polygon(38.6%62.4%,39.1%62%,39.5%62.3%,39%62.7%,39%63.1%,39.5%63%,39.6%63.2%,39.5%63.5%,39.5%64.3%,39%65.1%,37.6%65.3%,37.9%64.7%,38.7%64.4%,38.9%63.6%,38.3%63.6%,37.6%64.1%,37.6%64.6%,37.1%65%,36.8%64.7%,36.8%64.8%,37.9%62.9%,38.5%62.8%);
}
.body h{
background:rgb(129,213,212);
clip-path:polygon(37.5%64.5%,37.9%64.7%,37.5%65.6%,39.2%66.8%,39.3%68.2%,37.8%70%,36.4%72.5%,34.1%70.2%,34.4%67.9%,35%66.3%,35.7%65.6%,36.9%65.6%);
}
.body h a{
background:rgb(43,127,144);
clip-path:polygon(35.2%67.6%,34.9%68%,36.3%68.3%,36.4%67.8%);
}
.body j{
background:rgb(126,213,217);
clip-path:polygon(31.2%70%,34%70%,36.7%72.9%,36.7%76.7%,34.8%78.9%,31.5%78.9%,29.4%77.4%,29%76.1%,29%72.7%,30%70.5%);
}
.body j a{
background:rgb(255,255,144);
clip-path:polygon(27.2%72.6%,31.1%70.9%,33.2%70.9%,34.5%72.4%,34.9%73.3%,34.6%76%,33.8%77.4%,32.8%78.4%,31.4%78.2%,30.1%77.1%,29.4%75.8%,29.7%72.6%,31.1%70.9%);
}
.face{
background:rgb(255,229,222);
clip-path:polygon(38.2%41.4%,39.3%41.9%,40.1%41.9%,40.4%42.1%,41.1%43.1%,41.7%43.9%,43.3%45.2%,45.6%46.3%,48.6%47.3%,50.7%47.7%,51.8%47.4%,54.1%46.1%,56.2%44.5%,57.9%42.7%,60.9%37.9%,62.3%37.2%,62.8%36.7%,64.1%35.1%,65.1%33.2%,65.3%31.6%,65.5%30.5%,64.8%29.8%,64.5%29.9%,48.6%18.3%,34.7%23.0%,35.5%35.7%);
}
.face s{
background:rgb(255,197,181);
height:15px;
width:30px;
top:120px;
left:340px;
border-radius:50%;
filter: blur(5px);
}
.face s:nth-child(2){
top:130px;
left:295px;
}
.face a{
background:rgb(255,247,241);
clip-path:polygon(50.1%37.7%,49.6%36.8%,48.8%36.7%,48.4%36.9%,48.1%37.6%,48.3%38.4%,48.7%38.8%,49.3%39%,49.8%38.6%);
}
.face b{
background:rgb(235,211,206);
clip-path:polygon(48.8%38.9%,49.4%39.8%,49.3%39.3%,48.8%39.4%,48.5%39.1%);
}
.face f{
background:rgb(205,100,101);
clip-path:polygon(47.1%43.4%,47.1%42.6%,47.6%42.4%,49.7%42.4%,50.9%42.1%,52.2%41.6%,52.6%41.2%,53.3%41.2%,53.6%41.7%,53.7%41.2%,53.5%42.5%,52.2%43.8%,50.9%44.3%,48.9%44.3%,47.6%43.9%);
}
.face f a{
background:rgb(253,169,167);
clip-path:polygon(48.4%44.1%,47.7%43.7%,47.7%43.3%,48%43%,48.7%42.7%,49.2%42.5%,51.9%41.8%,52.7%41.3%,53%41.7%,53.3%42.3%,51.8%449%);
}
.face e{
background:rgb(76,65,64);
clip-path:polygon(55%24.5%,55.2%25%,52.9%26.2%,52.7%25.9%);
}
.face g{
background:rgb(76,65,64);
clip-path:polygon(37.1%29.1%,37.9%28.7%,41.2%28.7%,42.5%29.1%,38.2%29.1%,36.8%29.8%);
}
.eye i{
background:rgb(255,245,235);
clip-path:polygon(58.6%30.7%,58.2%34.9%,56%35.5%,54.9%35.6%,53.6%35.6%,52.8%34.8%,52.3%33.2%,52.1%32.8%,53.4%31%,54.5%30.2%,55.8%29.8%,56.6%29.8%,57.6%30.2%);
}
.eye i:nth-child(2){
clip-path:polygon(42.7%33.5%,44.2%34.4%,45.1%35.1%,44.8%37.2%,43.9%38.2%,42.1%38.5%,40.3%38.8%,38.7%36.8%,38.2%35.2%,38.5%34.6%,39.6%33.6%,40.6%33.3%);
}
.eye i:nth-child(3){
background:rgb(41,32,27);
clip-path:polygon(58.6%30.7%,58.7%29.4%,57.6%28.9%,56.5%28.7%,55.1%28.9%,54.1%29.3%,52.8%30.3%,51.9%31.4%,51.4%33%,51.6%33.3%,52.6%33%,53.4%31%,54.5%30.2%,55.8%29.8%,56.6%29.8%,57.6%30.2%);
}
.eye i:nth-child(4){
background:rgb(41,32,27);
clip-path:polygon(42.7%33.5%,44.2%34.4%,45.1%35.1%,45.1%34.5%,43.8%33.4%,42%32.6%,41%32.3%,39.5%32.3%,38.4%32.9%,37.8%33.5%,36.9%34.8%,37.4%35.1%,38.2%36.5%,40.3%38.8%,38.7%36.8%,38.2%35.2%,38.5%34.6%,39.6%33.6%,40.6%33.3%);
}
.eye i i{
background:rgb(37,24,65);
clip-path:polygon(54.3%31.2%,53.5%31%,54.5%30.2%,55.8%29.8%,56.1%29.9%,56.5%30.5%,56.9%32.3%,57%32.6%,56.5%32.6%,56.5%33%,56.8%33.1%,56.8%33.7%,56.1%34.7%,55.5%35%,55.1%35.1%,54.2%35.1%,53.6%34.8%,53.2%34.3%,52.9%33.6%,52.6%32%,52.9%31.6%,53.6%31.4%,54%31.8%);
}
.eye i:nth-child(2) i{
background:rgb(37,24,65);
clip-path:polygon(41.1%33.3%,41.3%33.9%,41.6%33.8%,41.8%34.4%,41.2%34.4%,41%34%,40.4%34.4%,40.5%35.9%,41.5%37.4%,42.7%38%,43.6%37.9%,44.4%37.2%,44.7%36.3%,44.6%35.8%,44.1%35.8%,44.1%35.4%,44.7%35.4%,44.5%34.7%,43.9%34.2%,42.9%33.6%,42.6%33.4%);
}
.eye i i d{
background:rgb(248,118,29);
clip-path:polygon(56.2%32.2%,56%31.6%,55.2%31.4%,54.7%31.7%,55%32.2%,55.6%32.2%);
}
.eye i:nth-child(2) i d{
background:rgb(248,118,29);
clip-path:polygon(42.9%34.9%,43.5%35.5%,43.8%35.3%,43.9%34.8%,43.4%34.3%,42.9%34.4%);
}
.eye i i a{
background:rgb(94,143,241);
clip-path:polygon(56.8%33.2%,56.7%32.6%,56.4%31.8%,56%31.8%,55.9%33.1%,55.3%33.7%,54.7%33.6%,54.4%33%,54.3%32.9%,54%31.8%,53.6%32%,53.8%33.2%,53.5%33.2%,53.1%31.6%,53%31.6%,52.8%32%,53.2%33.5%,53.7%34.5%,54.3%35%,55.3%35.2%,56.2%34.7%);
}
.eye i:nth-child(2) i a{
clip-path:polygon(40.9%34.9%,40.7%35%,41%36.3%,41.9%37.4%,42.9%37.9%,43.6%37.9%,44.5%37.1%,44.5%34.9%,44.1%34.4%,43.6%34.1%,43.2%34.2%,43.5%36%,43%36.6%,42.3%36.4%,42.5%35.6%,41.8%35.6%,41.7%35%,41.4%34.6%,41.2%34.9%,41.5%35.8%,42.2%36.8%,41.3%35.9%);
}
.eye i i a c{
background:rgb(182,224,117);
clip-path:polygon(54%34.6%,54.1%34.2%,54.7%33.7%,55.7%33.5%,56.3%33.7%,56.6%34%,55.4%36.1%);
}
.eye i:nth-child(2) i a c{
background:rgb(182,224,117);
clip-path:polygon(41.9%37.6%,42.3%36.9%,42.6%36.6%,43.3%36.4%,44%36.5%,44.8%37%,43.6%38.7%);
}
.eye e{
background:rgb(208,161,150);
clip-path:polygon(52.7%30%,51.4%31.5%,51.4%30.9%,53.6%28.9%);
}
.eye e:last-child{
clip-path:polygon(41.4%32%,43.5%32.3%,44%33%);
}
.hair{
background:rgb(30,23,29);
clip-path:polygon(41.9%47.9%,42.6%47.7%,43.7%46.7%,44%47.1%,44.4%46.1%,45.7%48.7%,45.3%47.6%,46.7%46.7%,45.4%41.7%,38.6%41.8%,39.1%43.7%,39.2%45.3%,38.2%47.3%,39.3%46%,39.3%46.2%,39.3%46.2%,38.7%47.9%,40.4%46.9%,41.4%45.4%,42.1%44.2%,43%45.4%,42.9%46.7%);
}
.hair_2{
background:rgb(30,23,29);
clip-path:polygon(47.2%30.9%,46.3%30.2%,44.4%28.4%,42.6%25.9%,42.1%23.9%,43.7%26.5%,45.8%28.2%,47.8%29.4%,50.2%30.2%,50.1%29.8%,51.2%29.9%,52.2%29.5%,50.4%28.8%,48.9%27.4%,48.5%26.7%,50.1%27.5%,54.1%28.9%,52.2%27.7%,51.3%26.5%,53.5%28%,54.9%28.5%,55.2%28.9%,56.3%28.7%,54.3%26.6%,53%24.5%,51.9%21.7%,53.6%24.1%,55%25.1%,56.7%25.8%,58.2%26.1%,58.5%27.1%,58.6%30.6%,58.2%34.9%,57.2%37.1%,56.3%37.9%,57.2%37.9%,58.1%37.4%,57.9%42.2%,57.2%46.6%,56.1%49.5%,55.5%50.2%,55.6%51.2%,58%46.8%,59.2%43.8%,60.3%44.4%,60%42.4%,60%41.4%,61.9%40.9%,61.4%39.6%,62.1%38.2%,62.8%37.2%,60.8%37.9%,61%35.8%,62.3%34.6%,63.5%32.7%,64.3%31.1%,64.5%30.1%,64.8%29.9%,65.5%30.5%,65.4%29.3%,65.6%28.9%,66%29.5%,66%31.2%,66.5%30.5%,66.4%29.2%,65.7%27.6%,65.1%25%,64.2%22.2%,58.8%8.8%,45.5%7.3%,41.1%17.8%,37.8%18.7%,34.7%20.8%,31.1%23.8%,29.8%25.6%,29.6%29.2%,30.1%31.8%,30.6%35.6%,31.6%38.7%,32.6%39.9%,31.8%38.3%,31%35.7%,31%34.7%,32.3%37.2%,33.7%39.6%,34.7%40.8%,34.8%42.8%,34.2%44%,34.5%43.8%,35.1%43.1%,35.7%41.5%,36.9%42.4%,38.2%42.5%,36.9%42%,36.3%41.5%,35.4%40.2%,36.2%40.7%,37.9%41.4%,39.7%41.4%,40.4%41.8%,44.1%42.6%,42.3%41.8%,40.1%40.4%,37.7%37.5%,39%38.8%,40.4%39.9%,41.1%40.3%,42.1%40.3%,39.8%39%,38.3%37.6%,37%35.6%,35.8%32.7%,35.3%28.8%,35.7%24.7%,36.9%23.1%,37%23.5%,37.7%26.3%,38.4%27.8%,39.8%29.9%,41.1%31%,42.8%31.5%,41.2%30.7%,40%29.7%,39.2%28.2%,38.3%26.6%,37.9%25.4%,37.2%23%,37.6%22.7%,38.1%24.7%,39.6%27.8%,41.5%29.9%,43.3%31%,44.3%31.2%,42.9%30.3%,41.7%29.2%,40.8%28.1%,40%26.8%,39.3%25.3%,38.7%23.8%,38.3%22.5%,38.3%22.5%,39.9%24.9%,41.3%27.4%,43.2%29.5%,44.8%30.4%);
}
.hat{
background:rgb(112,171,223);
clip-path:polygon(29.2%40.6%,30.1%41.6%,31.4%42.2%,35.9%42.9%,41.7%43.5%,30.4%34%,29.4%36%,28.7%38.6%);
}
.hat_2{
background:rgb(232,69,50);
clip-path:polygon(58.5%18.3%,60.4%19.1%,63.4%20.6%,64.4%22%,65.3%24.9%,65.8%27.3%,66%27.7%,65.9%22.1%,64.3%15.7%,63.1%13.1%,60.3%9%,57.2%6.7%,54.3%5.6%,50.1%4.5%,44.1%4.5%,40.9%5.1%,37.2%7.2%,34.2%10%,31.9%12.9%,29.9%16.6%,29%19.7%,28.6%23.9%,28.7%26.9%,29.4%29.3%,31.3%23.2%,35.1%20.2%,37.9%18.6%,42%17.6%,44.2%17.5%,43.7%13.9%,44%11.7%,44.7%10.6%,45.9%9.7%,47.6%8.8%,50.1%8.1%,52.3%8.4%,55.2%9.8%,57.1%11.4%,58.3%13.3%,59%15.6%,59.1%17.5%);
}
.hat_2 a{
background:rgb(242,236,236);
clip-path:polygon(63.9%20.8%,63.9%17%,63.3%14.1%,62.3%12.1%,58.4%5.1%,41%3.3%,38.6%7%,38%8.1%,37.4%11.1%,37.3%16.1%,37.8%17.3%,39.7%17.4%,41.7%16.9%,44.1%16.7%,59.2%18%,63.2%19.8%);
}
.hat_2 b{
background:rgb(20,211,229);
clip-path:polygon(29.3%28.7%,29.1%27.4%,29.3%25.1%,31%22.9%,35%19.6%,37.8%17.8%,40.5%17.2%,44.2%16.7%,59.4%18%,62.1%19.1%,63.9%20.1%,64.9%21.6%,66.8%28.2%);
}
.hat_3{
background:rgb(232,69,50);
clip-path:polygon(48.7%13.8%,48.7%15%,49.5%15.8%,47.7%16%,43.9%16.6%,43.7%14.5%,43.8%13.7%,47.4%13.1%,49.4%12.9%,49.8%12.7%,51.7%12.6%,53.4%12.9%,58.4%14.4%,58.8%15.4%,58.8%17.6%,54.8%16.4%,51.9%15.7%,49.7%15.7%,49%14.8%,48.9%13.6%);
}
.hat_3 a{
background:rgb(20,211,229);
clip-path:polygon(50.1%13.7%,50.8%13.4%,51.7%13.4%,51.6%13.9%,51.6%14.2%,51.1%14.7%,50.6%14.7%,50.1%14.2%);
}
}