*{
    margin:0;
    padding:0;
    box-sizing: border-box;
   background-color:#fae3d2;
}
.teddy{
    margin-left: 30px;
    margin-top: 150px;
    display:flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;

}
.head{
    position: relative;
    width: 85px;
    height: 80px;
    background-color: rgb(247, 120, 74) ;
    border-radius: 50px;
    margin-bottom: -8px;
}
.blush1, .blush2 {
  position: absolute;
  top: 38px;
  width: 18px;
  height: 12px;
  border-radius: 50%;
  background: radial-gradient(circle at center,
    rgba(255, 182, 193, 0.8) 0%,
    rgba(255, 182, 193, 0.4) 60%,
    transparent 100%);
  filter: blur(1px); 
  opacity: 0.6;  
  transition: opacity 0.3s ease-in-out;
}
.blush1 { left: 6px; }
.blush2 { right: 6px; }
.teddy:hover .blush1,
.teddy:hover .blush2 {
  opacity: 1;
}
.ear1{
    position: absolute;
    top: -5px;
    left: -5px;
    background-color:rgb(247, 120, 74)  ;
    width: 40px;
    height: 40px;
    border-radius: 50%;
}
.ear1 .ear-m1{
    position: absolute;
    width: 22px;
    height: 11px;
    border-radius: 11px 11px 0 0;
    background-color: antiquewhite;
    margin-top: 8px;
    margin-left: 4px;
    transform: rotate(-40deg);
    box-shadow: inset 6px -1px 10px 0px rgb(247, 120, 74);
}
.ear2{
    position: absolute;
    top: -5px;
    right: -5px;
    background-color:rgb(247, 120, 74) ;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    
}
.ear2 .ear-m1{
    position: absolute;
    width: 22px;
    height: 11px;
    border-radius: 11px 11px 0 0;
    background-color: antiquewhite;
    margin-top: 8px;
    margin-left: 14px;
    transform: rotate(40deg);
    box-shadow: inset 6px -1px 10px 0px rgb(247, 120, 74);
}
.eye1{
    position: absolute;
    top: 20px;
    right: 18px;
    background-color: black;
    width: 16px;
    height: 16px;
    border-radius: 50%;
    overflow: hidden;
}
.eye2{
    position: absolute;
    top: 20px;
    left: 18px;
    background-color: black;
    width: 16px;
    height: 16px;
    border-radius: 50%;
    overflow: hidden;
}
.eye1 .w,.eye2 .w{
    position: absolute;
    width: 6px;
    height: 6px;
    margin: 4px;
    border-radius: 50%;
    background-color: white;
}
.eyelid {
    position: absolute;
    top: -100%;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgb(247, 120, 74); /* same as teddy color */
    border-radius: 50%;
    animation: blinkLid 4s infinite;
}
.mouth-nose{
    position: absolute;
    bottom: 8px;
    right: 25px;
    width: 33px;
    height: 33px;
    border-radius: 50%;
    background-color: antiquewhite;
    filter: drop-shadow(0 0 2px #000000af);
}
.nose{
    background-color:rgb(247, 120, 74) ;
    width: 16px;
    height: 16px;
    margin: 3px 0 0 8px;
    height: 16px;
    border-radius: 50%;
}
.mouth{
    width: 12px;
    height: 6px;
    margin: auto;
    border-bottom: 2px rgb(179, 74, 36) solid;
    border-radius: 50%;
}
.body{
    position: relative;
    background-color:rgb(247, 120, 74) ;
    width: 100px;
    height:125px;
    border-radius: 45%;
}
.stomach{
    background-color: rgb(248, 158, 125) ;
    width: 56px;
    height: 85px;
    margin: 22px;
    border-radius: 45%;
}
.hand1{
    position: absolute;
    top: 12px;
    left: -40px;
    background-color:rgb(247, 120, 74) ;
    width: 65px;
    height: 30px;
    border-radius: 20px 0 0 20px;
    transform: rotate(-12deg);
    transform-origin: bottom right;
}
.hand1 .h{
    position: absolute;
    width: 20px;
    height: 20px;
    margin: 5px;
    background-color: antiquewhite;
    border-radius: 50%;
    box-shadow: inset 6px -1px 10px 0px rgb(247, 120, 74);
}
.hand2{
    position: absolute;
    top: 12px;
    right: -40px;
    background-color:rgb(247, 120, 74) ;
    width: 65px;
    height: 30px;
    border-radius: 0 20px 20px 0;
    transform: rotate(-12deg);
    transform-origin: top left;
}
.hand2 .h{
    position: absolute;
    width: 20px;
    height: 20px;
    margin: 5px;
    margin-left: 40px;
    background-color: antiquewhite;
    border-radius: 50%;
    box-shadow: inset 6px -1px 10px 0px rgb(247, 120, 74);
}
.leg1{
    position: absolute;
    left: -30px;
    bottom: 6px;
    background-color:rgb(247, 120, 74);
    width: 55px;
    height: 35px;
    border-radius: 20px 0 0 20px;
    transform: rotate(-30deg);
    transform-origin: bottom right;
}
.leg1 .l{
    position: absolute;
    width: 25px;
    height: 25px;
    margin: 5px;
    background-color: antiquewhite;
    border-radius: 50%;
    box-shadow: inset 6px -1px 10px 0px rgb(247, 120, 74);

}
.leg2{
    position: absolute;
    right: -30px;
    bottom: 6px;
    background-color:rgb(247, 120, 74);
    width: 55px;
    height: 35px;
    border-radius:0 20px 20px 0;
    transform: rotate(30deg);
    transform-origin: bottom left;
}
.leg2 .l{
    position: absolute;
    width: 25px;
    height: 25px;
    margin: 5px;
    margin-left: 25px;
    background-color: antiquewhite;
    border-radius: 50%;
    box-shadow: inset 6px -1px 10px 0px rgb(247, 120, 74);
}
@keyframes blink {
    0%, 90%, 100% { height: 16px; }
    95% { height: 2px; }
}
.eye1, .eye2 {
    animation: blink 4s infinite;
}

@keyframes wave {
    0%, 100% { transform: rotate(-12deg); }
    50% { transform: rotate(-30deg); }
}
.hand2 {
    animation: wave 2s infinite ease-in-out;
    transform-origin: top left;
}
@keyframes blinkLid {
    0%, 90%, 100% { top: -100%; }  /* fully open */
    95% { top: 0; }                /* closed */
}