.hair {
    position: absolute;
    right: 420px;
    top: 10px;
     height:800px;
     width:650px;
     background-color:rgb(0, 0, 0);
     border-radius: 50%;
     display: inline-block;
 
 }


.face {
   position: absolute;
   right: 470px;
   top: 50px;
    height:600px;
    width:470px;
    background-color:rgb(253, 222, 155);
    border-radius: 50%;
    display: inline-block;

}

.leftPupil{
    position: absolute;
    right: 735px;
    top: 230px;
    height:50px;
    width: 50px;
    border-radius: 50%;
    background-color: rgb(0, 0, 0);
}


.rightPupil{
    position: absolute;
    right: 630px;
    top: 230px;
    height:50px;
    width: 50px;
    border-radius: 50%;
    background-color: rgb(0, 0, 0);
}

#theEyes {
    position: absolute;
   right: 600px;
   top: 200px;
    text-align:center;
    background-color:none;
}

button{
    padding: 3vw;
    border:0px;
    margin: 10px 10px;
    border-radius: 40%;
}

button:hover {
    background-color:  rgb(247, 198, 107);
    color:  rgb(247, 198, 107);

}

#theNoseBridge {
    position: absolute;
    right: 720px;
    top: 310px;
    height: 15vh;
    width: 10px;
    background-color: rgb(247, 198, 107);
    border-radius: 20%;
    transform: rotate(10deg);
}

#theNose {
    position: absolute;
    right: 690px;
    top: 410px;
    height: 1vh;
    width: 7vh;
    background-color: rgb(247, 198, 107);
    border-radius: 20%;
}

#theMouth {
    position: absolute;
    right: 650px;
    top: 480px;
    height:10px;
    width: 110px;
    border-radius: 50%;
    background-color: rgb(223, 145, 145);
}