<div class="frame">
    <div class="body"><span class="donut"></span>
        <div class="chickf"></div>
        <div class="chickf1"></div>
        <div class="chickf2"></div>
         <div class="chickeye"></div>
         <div class="chicknose"></div>
    </div>
     <div class="body"><span class="donut"></span>
         <div class="owleye"></div>
         <div class="owleye1"></div>
         <div class="owlpupil"></div>
         <div class="owlear1"></div>
         <div class="owlear2"></div>
         <div class="owlnose"></div>
         <div class="owlbody"></div>
          <div class="owlbody2"></div>
          <div class="owlbody3"></div>
          <div class="owlbody4"></div>
          <div class="owlbody5"></div>
          <div class="owlbody6"></div>
          <div class="owlbody7"></div>
          <div class="owlbody8"></div>
          <div class="owlbody9"></div>
     </div>
     <div class="body"><span class="donut"></span>
         <div class="cathead"></div>
         <div class="cateye"></div>
          <div class="catnose1"></div>
         <div class="catnose2"></div>
         <div class="catnose"></div>
         <div class="catcheck1"></div>
         <div class="catcheck2"></div>
         
     </div>
   <div class="body"><span class="donut"></span>
       <div class="pandaear coalaear"></div>
        <div class="cateye coalaeye"></div>
        <div class="coalanose"></div>
   </div>
    <div class="body"><span class="donut"></span>
         <div class="gibigbody"></div>
         <div class="gismolbody"></div>
        <div class="cateye gieye"></div>
         <div class="bearnose ginose">
             <div class="pignose ginose1"></div>
         </div>  
        
    </div>
     <div class="body"><span class="donut"></span>
         <div class="bearnose dognose dognosebig"></div>
          <div class="catnose1 dognose"></div>
         <div class="catnose2 dognose"></div>
         <div class="catnose"></div>
         <div class="dogeye"></div>
         <div class="dogear"></div>
         <div class="dogear2"></div>
     </div>
     <div class="body"><span class="donut"></span>
         
     </div>
     <div class="body"><span class="donut"></span>
         <div class="cateye rabbiteye"></div>
          <div class="catnose1"></div>
         <div class="catnose2"></div>
         <div class="catnose"></div>
         <div class="rabbitear1"></div>
         <div class="rabbitear2"></div>
     </div>
     <div class="body"><span class="donut"></span>
          <div class="frogeye"></div>
         <div class="frogeye1"></div>
         <div class="frogpupil"></div>
         <div class="frogmouth"></div>
     </div>
     <div class="body"><span class="donut"></span>
         <div class="cowbigbody"></div>
         <div class="cowsmolbody"></div>
         <div class="cateye pigeye"></div>
         <div class="bignose cownose">
             <div class="pignose"></div>
         </div>
     </div>
     <div class="body"><span class="donut"></span>
         <div class="pandaear mouseear">
             <div class="inner"></div>
         </div>
          <div class="cateye"></div>
         <Div class="mousenose"></div>
     </div>
      <div class="body"><span class="donut"></span>
          <div class="mousehead"></div>
          <div class="mousehead1"></div>
          <div class="mousehead2"></div>
          <div class="cateye coalaeye"></div>
          <div class="foxnose"></div>
          
      </div>
     <div class="body"><span class="donut"></span>
         <div class="cateye gieye"></div>
         <div class="bearnose hnose">
             <div class="pignose ginose1"></div>
         </div>  
          <div class="pandaear coalaear hippoear"></div>
         
         
     </div>
     <div class="body"><span class="donut"></span>
          <div class="cateye beareye"></div>
         <div class="bearnose"></div>
          <div class="catnose1"></div>
         <div class="catnose2"></div>
         <div class="catnose"></div>
          <div class="pandaear bearear"></div>
     </div>
     <div class="body"><span class="donut"></span>
         <div class="pigear1"></div>
         <div class="pigear2"></div>
          <div class="cateye pigeye"></div>
         <div class="bignose">
             <div class="pignose"></div>
         </div>
     </div>
     <div class="body"><span class="donut"></span>
          <div class="pandaear"></div>
         <div class="pandaeye"></div>
         <div class="pandapupil"><div>
         <div class="pandanose1"></div>
         <div class="pandanose2"></div>
         <div class="pandanose"></div>
     </div>
      <div class="catear1"></div>
      <div class="catear2"></div>
      <div class="cowear1"></div>
             <div class="cowear2"></div>
             <div class="cowcorn1"></div>
             <div class="cowcorn2"></div>
              <div class="cowear1 giear1"></div>
             <div class="cowear2 giear2"></div>
             <div class="cowcorn1 gicorn1"></div>
             <div class="cowcorn2 gicorn2"></div>
              <div class="foxear1"></div>
              <div class="foxear2"></div>  
</div>

* {
    margin: 0;
    padding: 0;
  } 
body {
    height: 100vh;
    width: 100vw;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }
.frame{
    width: 99vmin;
    height: 75vmin;
    background-color: #E3F2F9;
    position: relative;
    border-radius:5vmin;
    z-index:-2;
}
.body{
    position:absolute;
    width:15vmin;
    height:15vmin;
    border:0.4vmin solid #594175;
    border-radius:50%;
    margin:6vmin 1vmin 1vmin 1.5vmin;
    
}

.body:nth-of-type(1){
    left:20vmin;
    background-color:#FECF74;
   
}
.body:nth-of-type(2){
    left:40vmin;
    background: linear-gradient(to bottom,           #9A7A5C 50%, #FAF3E5 50%)
   
}
.body:nth-of-type(3){
    left:60vmin;
    background-color:#FAF3E5;
    overflow:hidden;
}
.body:nth-of-type(4){
    left:80vmin;
    background-color:#CCCCCC;
}
.body:nth-of-type(5){
    left:0vmin;
    top:25vmin;
    background-color:#FECF74;
    overflow:hidden;
}
.body:nth-of-type(6){
    left:20vmin;
    top:25vmin;
    background-color:#FAF3E5;
    
}
.body:nth-of-type(7){
    left:40vmin;
    top:25vmin;
    background-color:#FAF3E5;
}
.body:nth-of-type(8){
    left:40vmin;
    top:25vmin;
    background-color:#FAF3E5;
}
.body:nth-of-type(9){
    left:60vmin;
    top:25vmin;
    background-color:#66C4A4;
    
}
.body:nth-of-type(10){
    left:80vmin;
    top:25vmin;
    background-color:#FAF3E5;
    overflow:hidden;
}
.body:nth-of-type(11){
    left:0vmin;
    top:50vmin;
    background-color:#E6E6E6;
}
.body:nth-of-type(12){
    left:20vmin;
    top:50vmin;
    background-color:#FAF3E5;
    overflow:hidden;
}
.body:nth-of-type(13){
    left:40vmin;
    top:50vmin;
    background-color:#B9C5EE;
}
.body:nth-of-type(14){
    left:60vmin;
    top:50vmin;
    background-color:#9A7A5C;
}
.body:nth-of-type(15){
    left:80vmin;
    top:50vmin;
    background-color:#F2AEAE;
}
.body:nth-of-type(16){
    left:0vmin;
    background-color:#FAF3E5;
}
.donut{
    width:5vmin;
    height:5vmin;
    border:0.4vmin solid #594175;
    background-color:#E3F2F9;
    position:absolute;
    border-radius:50%;
    top:4.5vmin;
    left:4.5vmin;
}
.pandaear{
    width:5vmin;
    height:5vmin;
    position:absolute;
    background-color:#3E2161;
    border-radius:50%;
    z-index:-1;
    top:-1vmin;
}
.pandaear::after, .bearear::after, .mouseear::after{
    content:"";
    width:5vmin;
    height:5vmin;
    position:absolute;
    background-color:#3E2161;
    border-radius:50%;
    z-index:-1;
    top:0vmin;
    left:10vmin;
}
.pandaeye{
     width:2vmin;
    height:2.8vmin;
    position:absolute;
    background-color:#3E2161;
    border-radius:50%;
    left:3.7vmin;
    top:1.6vmin;
    transform:rotate(35deg);
}
.pandaeye::after{
    content:"";
    left:4.5vmin;
    top:-3vmin;
    width:2vmin;
    height:2.8vmin;
    position:absolute;
     background-color:#3E2161;
    border-radius:50%;
    transform:rotate(-66deg);
}
.pandapupil{
    position:absolute;
    width:0.7vmin;
    height:0.7vmin;
    background-color:#FAF2E6;
    top:2.5vmin;
    left:4.5vmin;
    border-radius:50%;
    box-shadow:5vmin 0vmin 0vmin 0vmin #FAF2E6;
}
.pandanose{
    width:1vmin;
    height:0.6vmin;
    position:absolute;
    background-color:#3E2161;
    border-radius:45%;
    left:2.5vmin;
    top:0.1vmin;
}
.pandanose1{
    width:0.3vmin;
    height:0.3vmin;
    position:absolute;
    background-color:#FAF3E5;
    border-radius:45%;
    left:3vmin;
    top:0.2vmin;
    border:0.4vmin solid #3E2161;
    border-color: transparent #3E2161 #3E2161 #3E2161;
}
.pandanose2{
    width:0.3vmin;
    height:0.3vmin;
    position:absolute;
    background-color:#FAF3E5;
    border-radius:45%;
    left:1.9vmin;
    top:0.2vmin;
    border:0.4vmin solid #3E2161;
    border-color: transparent #3E2161 #3E2161 #3E2161;
}
.chickf{
    position:absolute;
    width:1vmin;
    height:3vmin;
    background-color:#FECF74;
    border:0.4vmin solid #594175;
    border-top-right-radius:5vmin;
    border-top-left-radius:5vmin;
    z-index:0;
    left:9.8vmin;
    top:-2.5vmin;
    border-bottom:none;
    
}
.chickf1{
    position:absolute;
    width:0.8vmin;
    height:0.9vmin;
    background-color:#FECF74;
    border:0.4vmin solid #594175;
    border-top-right-radius:5vmin;
    border-top-left-radius:5vmin;
    z-index:0;
    left:8.5vmin;
    top:-1.2vmin;
    border-bottom:none;
}
.chickf2{
    width:2vmin;
    height:2vmin;
    background-color:#FECF74;
    position:absolute;
    left:9vmin;
    top:-0.2vmin;
}
.chickeye{
     position:absolute;
    width:1vmin;
    height:1vmin;
    background-color:#594175;
    top:11.5vmin;
    left:4.7vmin;
    border-radius:50%;
    box-shadow:4.8vmin 0vmin 0vmin 0vmin #594175;
}
.chicknose{
    position:absolute;
    width:1.8vmin;
    height:0.8vmin;
    background-color: #F69126;
    border:0.4vmin solid #594175;
    top:11.8vmin;
    left:6.3vmin;
    border-radius:50%;
}
.owleye{
    position:absolute;
    width:2vmin;
    height:2vmin;
    background-color:#FAF2E6;
    border:0.4vmin solid #594175;
    border-radius:50%;
    left:3vmin;
    top:1.8vmin;
}
.owleye1{
    position:absolute;
    width:2vmin;
    height:2vmin;
    background-color:#FAF2E6;
    border:0.4vmin solid #594175;
    border-radius:50%;
    left:9vmin;
    top:1.8vmin;
}
.owlpupil{
    width:1vmin;
    height:1vmin;
    background-color:#594175;
    border-radius:50%;
    top:2.7vmin;
    left:3.9vmin;
    position:absolute;
    box-shadow:6vmin 0vmin 0vmin 0vmin #594175;
}
.owlnose{
    position:absolute;
    width:0.8vmin;
    height:1.4vmin;
    background-color:#FDCF74;
    border:0.4vmin solid #594175;
    left:6.5vmin;
    top:2vmin;
    border-radius:20vmin 20vmin 30vmin 30vmin;
}
.owlear1,.owlear2{
    position:absolute;
    background-color:#9A7A5C;
    width:4vmin;
    height:5.5vmin;
    border:0.4vmin solid #594175;
    z-index:-1;
    left:-0.2vmin;
    top:0.5vmin;
    transform:skewy(20deg);
}
.owlear2{
    left:10.5vmin;
    top:0.5vmin;
    transform:skewy(-20deg);
}
.owlbody{
    width:1vmin;
    height:1vmin;
    border:0.4vmin solid #594175;
    border-radius:50%;
    top:9vmin;
    left:5vmin;
    position:absolute;
    border-color:transparent transparent #594175 #594175;
    transform:rotate(-45deg);
}
.owlbody2, .owlbody3, .owlbody4, .owlbody5, .owlbody6, .owlbody7, .owlbody8, .owlbody9{
     width:1vmin;
    height:1vmin;
    border:0.4vmin solid #594175;
    border-radius:50%;
    top:9vmin;
    left:2.5vmin;
    position:absolute;
    border-color:transparent transparent #594175 #594175;
    transform:rotate(-45deg);
}
.owlbody3{
    left:8.1vmin;
}
.owlbody4{
    left:10.8vmin;
}
.owlbody5{
    top:11vmin;
    left:4vmin;
}
.owlbody6{
    top:11vmin;
    left:6.7vmin;
}
.owlbody7{
    top:11vmin;
    left:9.6vmin;
}
.owlbody8{
    top:12.5vmin;
    left:5.5vmin
}
.owlbody9{
    top:12.5vmin;
    left:8.2vmin;
}
.cathead{
    background-color:#F9A874;
    width:9vmin;
    height:8vmin;
    border-radius:70%;
    left:8.2vmin;
    top:-2vmin;
    position:absolute;
}
.catear1{
    position:absolute;
    width:5vmin;
    height:6vmin;
    background-color:#FAF3E5;
    left:64.5vmin;
    top:-3.4vmin;
    z-index:-2;
    border:0.4vmin solid #594175;
    border-top-left-radius:11vmin;
}
.catear1::after{
    content:"";
    width:3vmin;
    height:4vmin;
    background-color:#F5C5BF;
    position:absolute;
    border-top-left-radius:11vmin;
    left:1.5vmin;
    top:0.8vmin;
}
.catear2{
    position:absolute;
    width:5vmin;
    height:6vmin;
    background-color:#FAF3E5;
    left:55.5vmin;
    top:-3.4vmin;
    z-index:-2;
    border:0.4vmin solid #594175;
    border-top-right-radius:11vmin;
}
.catear2::after{
    content:"";
    width:3vmin;
    height:4vmin;
    background-color:#F5C5BF;
    position:absolute;
    border-top-right-radius:11vmin;
    left:0.5vmin;
    top:0.8vmin;
}
.cateye{
     width:1.1vmin;
    height:1.1vmin;
    background-color:#3E2161;
    border-radius:50%;
    top:2.4vmin;
    left:4.6vmin;
    position:absolute;
    box-shadow:4.5vmin 0vmin 0vmin 0vmin #3E2161;
}
.catnose{
    width:1vmin;
    height:0.6vmin;
    position:absolute;
    background-color:#3E2161;
    border-radius:45%;
    left:6.7vmin;
    top:2.7vmin;
}
.catnose1{
    width:0.3vmin;
    height:0.3vmin;
    position:absolute;
    background-color:#FAF3E5;
    border-radius:45%;
    left:7.2vmin;
    top:2.8vmin;
    border:0.4vmin solid #3E2161;
    border-color: transparent #3E2161 #3E2161 #3E2161;
}
.catnose2{
    width:0.3vmin;
    height:0.3vmin;
    position:absolute;
    background-color:#FAF3E5;
    border-radius:45%;
    left:6.2vmin;
    top:2.8vmin;
    border:0.4vmin solid #3E2161;
    border-color: transparent #3E2161 #3E2161 #3E2161;
}
.catcheck1, .catcheck2{
    width:2vmin;
    height:0.4vmin;
    position:absolute;
    background-color:#594175;
    left:11.7vmin;
    top:4.4vmin;
    transform:rotate(45deg);
}
.catcheck2{
    left:1.5vmin;
    transform:rotate(-45deg);
}
.catcheck1::before ,.catcheck2::before{
    content:"";
    width:1.5vmin;
    height:0.4vmin;
    position:absolute;
    background-color:#594175;
    left:0.01vmin;
    top:1.1vmin;
    transform:rotate(180deg);
}
.frogeye, .frogeye1{
    width:2.5vmin;
    height:2.5vmin;
    position:absolute;
    background-color:#66C4A4;
    border-radius:50%;
    border:0.4vmin solid #594175;
    top:-1.2vmin;
    left:2.1vmin;
}
.frogeye1{
    left:10vmin;
}
.frogeye::after, .frogeye1::after{
    content:"";
    width:3vmin;
    height:2.8vmin;
    position:absolute;
    background-color:#66C4A4;
    border-radius:50%;
    left:0.2vmin;
    top:0.8vmin;
}
.frogeye1::after{
    left:-0.9vmin;
}
.frogpupil{
    width:1.1vmin;
    height:1.1vmin;
    background-color:#3D2160;
    border-radius:50%;
    top:-0.4vmin;
    left:3.1vmin;
    position:absolute;
    box-shadow:8vmin 0vmin 0vmin 0vmin #3D2160;
}
.frogmouth{
    width:2vmin;
    height:2vmin;
    position:absolute;
    top:0.4vmin;
    border-radius:50%;
    left:6vmin;
    border:0.4vmin solid #3D2160;
    border-color:transparent transparent #3D2160 #3D2160;
    transform:rotate(-45deg);
}
.rabbiteye{
    top:2.2vmin;
    left:3.8vmin;
    position:absolute;
    box-shadow:6.5vmin 0vmin 0vmin 0vmin #3E2161;
}
.rabbitear1, .rabbitear2{
    position:absolute;
    width:4vmin;
    height:8.5vmin;
    background-color:#FAF3E5;
    left:9.5vmin;
    top:-5vmin;
    z-index:-2;
    border:0.4vmin solid #594175;
    border-top-left-radius:11vmin;
    border-top-right-radius:11vmin;
}
.rabbitear2{
    left:0.5vmin;
}
.rabbitear1::after, .rabbitear2::after{
    content:"";
    width:3vmin;
    height:7vmin;
    background-color:#F5C5BF;
    position:absolute;
    border-top-left-radius:11vmin;
    border-top-right-radius:11vmin;
    left:0.5vmin;
    top:0.6vmin;
}
.bearnose{
    width:3vmin;
    height:1.9vmin;
    position:absolute;
    background-color:#FAF3E5;
    top:2.3vmin;
    left:5.8vmin;
    border-radius:11vmin;
}
.beareye{
    top:2.8vmin;
    left:3.2vmin;
    position:absolute;
    box-shadow:6.9vmin 0vmin 0vmin 0vmin #3E2161;
}
.bearear, .bearear::after{
    background-color:#997A5D;
    border:0.4vmin solid #594175;
}
.bearear::after{
    left:9vmin;
}
.coalaear{
    top:-0.8vmin;
}
.coalaear, .coalaear::after{
    width:3vmin;
    height:3vmin;
    left:1vmin;
    background-color:#CCCCCC;
    border:0.4vmin solid #594175;
}
.hippoear::after{
    width:3vmin;
    height:3vmin;
    left:1vmin;
    background-color:#B9C5EE;
    border:0.4vmin solid #594175;
}
.coalaear::after{
    left:9vmin;
}
.coalaeye{
    top:1.9vmin;
    left:4.2vmin;
    box-shadow:5.2vmin 0vmin 0vmin 0vmin #3E2161;
}
.coalanose{
    width:1.5vmin;
    height:2.5vmin;
    position:absolute;
    border-radius:11vmin;
    background-color:#3E2161;
    left:6.5vmin;
    top:1.5vmin;
}
.pigear1,.pigear2{
    position:absolute;
    background-color:#F2AEAE;
    width:4vmin;
    height:4vmin;
    border:0.4vmin solid #594175;
    border-radius:1.3vmin;
    border-bottom-left-radius:none;
    border-bottom-right-radius:none;
    z-index:-1;
    left:-0.1vmin;
    top:0.3vmin;
    transform:skewy(20deg);
  
   
}
.pigear2{
    left:10vmin;
    top:0.2vmin;
    transform:skewy(-20deg);
}
.pigeye{
    top:1.8vmin;
}
.bignose{
    background-color:#F38686;
    position:absolute;
    width:2vmin;
    height:2vmin;
    border-radius:11vmin;
    left:6.4vmin;
    top:1.7vmin;
}
.pignose{
    width:0.3vmin;
    height:0.3vmin;
    background-color:#594175;
    position:absolute;
    border-radius:50%;
    left:0.6vmin;
    top:0.9vmin;
    box-shadow:0.6vmin 0 0 0 #594175;
}
.cowbigbody{
    width:5vmin;
    height:5vmin;
    background-color:#666666;
    border-radius:50%;
    left:8.5vmin;
    position:absolute;
    box-shadow:-10.5vmin 8vmin 0 0 #666666,
       1.5vmin 10vmin 0 0 #666666 ;
}
.cowsmolbody{
    width:2.5vmin;
    height:2.5vmin;
    position:absolute;
    background-color:#666666;
    border-radius:50%;
    top:3.2vmin;
    left:1.9vmin;
    box-shadow: 3vmin 8vmin 0 0 #666666,
                11.7vmin 2.5vmin 0 0 #666666
        ;
}
.cownose{
    background-color:#F4C4C1;
}
.cowear1,.cowear2{
    position:absolute;
    background-color:#FAF3E5;
    width:4vmin;
    height:4vmin;
    border:0.4vmin solid #594175;
    border-radius:1.3vmin;
    border-bottom-left-radius:none;
    border-bottom-right-radius:none;
    z-index:-1;
    left:75.4vmin;
    top:22vmin;
    transform:skewy(10deg);
}
.cowear2{
    left:86vmin;
    top:22vmin;
    transform:skewy(-10deg);
    background-color:#666666;
}
.cowcorn1, .cowcorn2{
    background-color:#987B5C;
    width:0.7vmin;
    height:3vmin;
    position:absolute;
    border:0.4vmin solid #594175;
    border-radius:11vmin;
    top:20vmin;
    left:79.5vmin;
    z-index:-1;
}
.cowcorn2{
    left:85vmin;
}
.giear1{
    left:-4.4vmin;
    background-color:#FECF74;
}
.giear2{
    left:5.5vmin;
    background-color:#FECF74;
}
.gicorn1{
    left:-0.5vmin;
}
.gicorn2{
    left:5vmin;
}
.gibigbody,.gismolbody{
    background-color:#F9A874; 
}
.gibigbody{
    width:5vmin;
    height:5vmin;
    background-color:#FECF74;
    border-radius:50%;
    left:8.8vmin;
    position:absolute;
    box-shadow:-11.5vmin 5vmin 0 0 #F9A874,
       1.5vmin 10vmin 0 0 #F9A874 ;
}
.gismolbody{
    width:2.5vmin;
    height:2.5vmin;
    position:absolute;
    background-color:#F9A874;
    border-radius:50%;
    top:3.2vmin;
    left:1.5vmin;
    box-shadow: 1.5vmin 7vmin 0 0 #F9A874,
                9.7vmin 1.5vmin 0 0 #F9A874,
                4.5vmin -4.7vmin 0 0 #F9A874;
}
.gieye{
    top:1.8vmin;
    left:4vmin;
    box-shadow:5.5vmin 0vmin 0vmin 0vmin #3E2161;
    }
.ginose{
    top:1.9vmin;
    left:5.9vmin;
    background-color:#FFEDCA;
    border-radius:50%;
}
.ginose1{
    left:0.8vmin;
    box-shadow:1vmin 0 0 0 #594175;
}
.dognose{
    background-color:#C8A891;
}
.dognosebig{
    width:5vmin;
    border-radius:50%;
    left:4.8vmin;
}
.dogeye{
    position:absolute;
    width:1vmin;
    height:1vmin;
    background-color:#3E2161;
    border-radius:50%;
    left:5.2vmin;
    top:1vmin;
    box-shadow:3.2vmin 0 0 0 #3E2161;
}
.dogear, .dogear2{
    width:5.5vmin;
    height:2.3vmin;
    border-radius:50%;
    background-color:#9A7A5C;
    border:0.4vmin solid #3E2161;
    transform:rotate(-45deg);
    position:absolute;
    left:-0.9vmin;
    top:1.2vmin;
}
.dogear2{
    transform:rotate(45deg);
    left:9.5vmin;
}
.mouseear{
    background-color:#E6E6E6;
    border:0.4vmin solid #3E2161;
}
.mouseear::after{
    background-color:#E6E6E6;
    border:0.4vmin solid #3E2161;
    left:9vmin;
    }
.inner{
    width:3.5vmin;
    height:3.5vmin;
    background-color:#E1B9C2;
    border-radius:50%;
    top:0.5vmin;
    left:0.6vmin;;
    position:absolute;
    box-shadow:9.8vmin 0.4vmin 0vmin 0vmin #E1B9C2;
}
.mousenose{
    background-color:#3E2161;
    position:absolute;
    width:2vmin;
    height:1vmin;
    border-radius:50%;
    top:2.5vmin;
    left:6.5vmin;
}
.foxear1, .foxear2{
    background-color:#F48485;
}
.foxear1,.foxear2{
    position:absolute;
    background-color:#F48485;
    width:4vmin;
    height:4vmin;
    border:0.4vmin solid #594175;
    border-radius:1.3vmin;
    border-bottom-left-radius:none;
    border-bottom-right-radius:none;
    z-index:-1;
    left:16vmin;
    top:47.1vmin;
    transform:skewy(20deg);
}
.foxear2{
    left:25vmin;
    top:47vmin;
    transform:skewy(-20deg);
}

.mousehead, .mousehead1, .mousehead2{
    position:absolute;
    width:7vmin;
    height:7.8vmin;
    background-color:#F48485;
    border-radius:50%;
    top:-3vmin;
    left:3.9vmin;
}
.mousehead1{
    background-color:#faf3e5;
    height:5vmin;
    top:0.8vmin;
    left:7.5vmin;
    z-index:2;
    transform:rotate(45deg);
}
.mousehead2{
    background-color:#faf3e5;
    height:5vmin;
    top:0.8vmin;
    left:0.3vmin;
    z-index:2;
    transform:rotate(-45deg);
}
.coalaeye{
    z-index:2;
}
.foxnose{
    position:absolute;
    width:2vmin;
    height:1.5vmin;
    border-radius:50%;
    background-color:#3E2161;
    top:3.2vmin;
    left:6.4vmin;
    z-index:3;
}
.hnose{
    background-color:#8F9AC6;
}
.hippoear{
    background-color:#B9C5EE;
}

//inspired by:  https://dribbble.com/shots/15969235-Cute-Kawaii-Animal-Donuts