* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

body {
    /* background-color: rgb(251, 153, 169); */
    background: linear-gradient(45deg, rgb(230, 111, 111), #2882cc);
    /* background-image: url("teddybear.jpg");
    background-size: 100vw,100vh; */
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100vh;
    width: 100vw;
}



.face {
    /* border: 2px solid #d4d4d2; */
    background-color: white;
    height: 30em;
    width: 30em;
    border-radius: 50%;
    box-shadow: 1px 2px 15px rgb(46, 46, 46);
    display: flex;
    justify-content: center;
    align-items: center;
    padding-bottom: 3em;
    /* background: linear-gradient(30deg, rgb(112, 119, 249), #0f5bea); */

}

.eyes {
    display: flex;
    justify-content: center;
    height: 18.75em;
    width: inherit;
    align-items: center;
    /* border: 2px solid white; */
}

.eye {
    /* border: 2px solid blue; */
    /*height: 12em;    */
    /* 192px */
    /* width: 12em; */
    height: 192px;
    width: 192px;
    margin: 1em;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: white;
    /* box-shadow:rgba(50,50,93,0.25) 0px 50px 100px -20px, rgba(0, 0, 0, 0.3) 0px 30px 60px -30px, rgba(10, 37, 37, 0.3); */
    box-shadow: 1px 2px 15px darkgrey;
}

.pupil {
    /* width: 2em; */
    /* 32px */
    /* height: 2em; */
    width: 32px;
    height: 32px;
    background-color: #303030;
    border-radius: 50%
}

/* move 80px */