body{
    text-align:center;
    background-color: #D2FAF6;
}
#name{
    position:absolute;
    top:10px;
    font-family:Fantasy;
    font-size: 150%
}

.hair{
    position: relative;
    top:-15px;
    width:620px;
    height:860px;
    left:165px;
    background: linear-gradient(0deg,#FFF2B8, #D6B318);
    border-radius: 35% 35% 16% 16%;
    z-index:0
}

.fore-hair{
    position: absolute;
    top:-1px;
    left:325px;
    width: 310px;
    height: 100px;
    border-radius: 0 0 50% 50%;
    background-color: #D6B318;
    z-index:4;

}

#face{
    height: 800px;
    width: 600px;
    background-color: rgb(255,243,218);
    border-radius: 50%;
    display: inline-block;
    position:absolute;
    top:15px;
    left: 184px;
    z-index:1;
}


#lefteye{
    position:absolute;
    height: 70px;
    top:200px;
    left:380px;
    width: 100px;
    background-color: black;
    border-radius:50%;
    z-index:2;
}

#righteye{
    position:absolute;
    height: 70px;
    top:200px;
    left:530px;
    width: 100px;
    background-color: black;
    border-radius:50%;
    z-index:2;
}



#leftpup{
    background-color:white;
    width: 35px;
    height: 35px;
    border-radius:50%;
    position:absolute;
    top:210px;
    left:575px;
    z-index:3;
    font-family:fantasy;
    font-size:23px;
}

#rightpup{
    background-color:white;
    width: 35px;
    height: 35px;
    border-radius:50%;
    position:absolute;
    top:210px;
    left:420px;
    z-index:3;
    font-family:fantasy;
    font-size:23px;
}

#nose{
    border-left: 10px solid transparent;
    border-right: 25px solid transparent;
    border-bottom: 70px solid #000;
    position:absolute;
    top:350px;
    left:500px;
    z-index:3;
}

#cheeckone{
    height: 80px;
    width: 80px;
    background-color: #555;
    border-radius: 50%;
    position: absolute;
    left: 300px;
    top:400px;
    z-index:5;
    background-color:#feeaae;
    filter:blur(5px)
}

#cheecktwo{
    height: 80px;
    width: 80px;
    background-color: #555;
    border-radius: 50%;
    position: absolute;
    left: 650px;
    top:400px;
    z-index:5;
    background-color:#feeaae;
    filter:blur(5px)
}

#cheeckone:hover,#cheecktwo:hover{
    background-color:#ffd1ff;
    filter:none;
}

#mouth{
        width: 230px;
        height: 80px;
        border-bottom-left-radius: 50%;
        border-bottom-right-radius: 50%;
        background-color: #ff6666;
        border-color:pink;
        position:absolute;
        top:570px;
        left: 390px;
        z-index:3;
}

#mouth:hover{
    border-top-left-radius: 50%;
    border-top-right-radius: 50%;
    background-color:pink;
}

#mouthline{
    height:4px;
    width:180px;
    background-color:black;
    position:absolute;
    top:585px;
    left:410px;
    z-index:4;
}

#handleft{
    height:70px;
    width:200px;
    position:absolute;
    border: dashed red;
    background-color: #D2FAF6;
    transform:rotate(30deg);
    left:100px;
    transition: transform .5s
}

#handleft:hover{
    transform:scale(1.5) rotate(30deg);
    transition: transform .8s
}

#handright{
    height:70px;
    width:200px;
    position:absolute;
    border: dashed red;
    background-color: #D2FAF6;
    transform:rotate(-30deg);
    left:640px;
    transition: transform .5s
}

#handright:hover{
    transform:scale(1.5) rotate(-30deg);
    transition: transform .8s
}

#neck{
    height:140px;
    width:120px;
    background-color:#ECE0B7;
    position:absolute;
    z-index:0;
    left:430px;
    top:780px;
}

.body{
    border-bottom: 120px solid red;
    border-left: 70px solid transparent;
    border-right: 70px solid transparent;
    position:absolute;
    left:250px;
    width: 300px;
    z-index:5;
    filter: grayscale(30%);
}



#eyebrow{
    width: 120px;
    height: 80px;
    border: solid 8px black;
    border-color: #000 transparent transparent transparent;
    border-radius: 100px 100px 0 0;
    position:absolute;
    left:360px;
    top:180px;
    z-index:6;
    display:flex;
}

#eyebrowtwo{
    width: 120px;
    height: 80px;
    border: solid 8px black;
    border-color: #000 transparent transparent transparent;
    border-radius: 100px 100px 0 0;
    position:absolute;
    left:515px;
    top:180px;
    z-index:6;
    display:flex;
}