My First CSS work!!

CSS:

body{

    background-color: tomato;

}

.cup {

    position: fixed;

    height: 90px;

    width: 70px;

    background-color: whitesmoke;

    border-radius: 0px 0px 24px 24px;

    top: 50%;

    left: 50%;

    transform: translate(-50%, -50%);

  }

  .cup-hand {

    position: absolute;

    height: 58px;

    width: 33px;

    margin-left: 68px;

    margin-top: 15px;

    background-color: whitesmoke;

    border-top-left-radius: 2px 20px;

    border-top-right-radius: 24px;

    border-bottom-left-radius: 2px 20px;

    border-bottom-right-radius: 24px;

  }

 

  .cup-hand-inside {

    position: absolute;

    height: 35px;

    width: 22px;

    margin-left: 1px;

    margin-top: 11px;

    background-color: tomato;

    border-radius: 0px 25px 25px 0px;

}

HTML:

<div class="cup">

    <div class="cup-hand">

        <div class="cup-hand-inside"></div>

    </div>

</div>

And My Coffee Cup :

Hope u can see a cup!!. Will be adding more style on the cup further. 

Here I added more style to display logo on coffee cup.