body {
    background-color: rgb(251, 255, 235);
}

:root {
    --body-color: #FCC5DA;
    --body-shadow-color: #F98B99;
    --right-hand-color: #ffb1c6;
    --cheek-color: #F988BE;
    --mouth-one-color: #7B2123;
    --mouth-two-color: #F6605C;
    --foot-color: #E7547D;
    --foot-front-dark-color: #DE505F;
    --foot-front-light-color: #EE6F7A;
    --blue-color: #326BF7;
    --white-color: #fff;
    --black-color: #000;
}

.main {
    display: flex;
    justify-content: center; 
    margin: 25vh auto;
    width: 50vw;
    height: 50vh;
}

.my-kirby {
    position: relative;
    transform: scale(0.75);
    -webkit-transform: scale(0.75);
}

.head {
    width: 400px;
    height: 370px;
    top: 100px;
    background-color: var(--body-color);
    border-radius: 100%;
    box-shadow: inset 10px -35px 60px 0 var(--body-shadow-color), 40px 20px 64px 0 rgba(0,0,0,0.2);
    z-index: 1;
}

.hand-left {
    position: absolute;
    width: 150px;
    height: 250px;
    background-color: var(--body-color);
    border-radius: 100% 100% 0 40%/100% 100% 0 100%;
    box-shadow: inset 0px -35px 60px 0 var(--body-shadow-color), 40px 20px 64px 0 rgba(0,0,0,0.2);
    z-index: -1;
    transform: rotate(16deg);
    top: -90px;
    left: 50px;
}

.hand-right {
    position: absolute;
    width: 150px;
    height: 250px;
    background-color: var(--right-hand-color);
    top: 61px;
    left: 254px;
    z-index: -1;
    transform: rotate(90deg);
    border-radius: 100% 100% 0 40%/100% 100% 0 100%;
    box-shadow: inset 0px -45px 25px -5px var(--white-color), 40px 20px 64px 0 rgb(0 0 0 / 20%);
}

.eye {
    width: 35px;
    height: 91px;
    background-color: var(--black-color);
    position: absolute;
    border-radius: 50px/100px;
    transform: rotate(17deg);
    box-shadow: 0px 0 3px var(--black-color);
}

.eye-left {
    top: 70px;
    left: 200px;
}

.eye-right {
    top: 87px;
    left: 275px;
}

.eye-inner {
    background-color: var(--white-color);
    width: 22px;
    height: 30px;
    border-radius: 70px/100px;
    box-shadow: 0px 0 3px var(--white-color);
    position: absolute;
    left: 7px;
    top: 4.2px;
}


.eye-inner::before {
    content: '';
    position: absolute;
    width: 22px;
    height: 35px;
    background-color: var(--blue-color);
    border-radius: 70px/100px;
    left: 0px;
    top: 47px;
    box-shadow: 0px 0 3px var(--black-color);
}

.eye-inner::after {
    content: '';
    position: absolute;
    width: 16px;
    height: 16px;
    background-color: var(--black-color);
    border-radius: 70px/100px;
    left: 3px;
    top: 46px;
    box-shadow: 0px 0px 9px 8px var(--black-color);
}

.cheek {
    width: 60px;
    height: 30px;
    background-color: var(--cheek-color);
    border-radius: 100%;
    position: absolute;
    transform: rotate(22deg);
    box-shadow: 0px 0 3px var(--cheek-color);
}

.cheek-left {
    top: 125px;
    left: 110px;
}

.cheek-right {
    top: 185px;
    left: 308px;
}

.mouth {
    width: 70px;
    height: 50px;
    background-color: var(--mouth-one-color);
    border-radius: 50px 50px 150px 150px;
    transform: rotate(15deg);
    position: absolute;
    left: 195px;
    top: 187px;
}

.mouth:before {
    content: '';
    position: absolute;
    width: 57px;
    height: 35px;
    background-color: var(--mouth-two-color);
    border-radius: 48px 50px 150px 150px;
    box-shadow: inset 1px 2px 11px 1px var(--mouth-one-color);
    top: 12px;
    left: 5px;
}

.foot-left {
    position: absolute;
    width: 150px;
    height: 232px;
    background-color: var(--foot-color);
    top: 239px;
    left: 32px;
    z-index: -1;
    transform: rotate(-7deg);
    border-radius: 50% 50% 60% 60%/40% 40% 80% 80%;
    box-shadow: inset -15px -2px 50px 4px var(--mouth-one-color);
}

.foot-right {
    position: absolute;
    width: 150px;
    height: 200px;
    background-color: var(--foot-color);
    top: 219px;
    left: 239px;
    z-index: 1;
    transform: rotate(53deg);
    border-radius: 50% 50% 50% 50% / 60% 60% 40% 40%;
    box-shadow: inset 4px -20px 20px 1px rgb(255 255 255 / 10%), inset -4px -5px 32px 3px rgb(255 255 255 / 10%), 25px 6px 20px -10px rgb(0 0 0 / 40%);
}