#container{width:100px;height:200px;margin:70px auto 0;position:relative}#container .beer{background:#fac92c;width:100%;height:0;transition:all 1s ease-in;position:absolute;bottom:0}#container .beer.fill{height:100%}#container .beer:after{content:"";background:#ea9602;width:50%;height:100%;position:absolute;right:0}#container .glass{border:10px solid #d7d5d2;border-width:5px 10px 30px;border-radius:5px;width:100%;height:100%;position:absolute;transform:perspective(500px)rotateX(-30deg)}#container .glass:before,#container .glass:after{content:"";background:#fcf0c6;border-radius:10px;width:10px;position:absolute}#container .glass:before{z-index:1;height:20%;top:5%;left:10px}#container .glass:after{height:70%;top:5%;right:10px}#container .head{z-index:-1;background:#fcf0c6;border-radius:50%;width:60%;height:60px;transition:all 1.1s ease-in;position:absolute;bottom:25px;left:5px}#container .head.active{bottom:82%}#container .head:before,#container .head:after{content:"";background:#fcf0c6;border-radius:50%;position:absolute}#container .head:before{width:30px;height:30px;top:1px;left:45px}#container .head:after{width:40px;height:40px;top:9px;left:53px}#container .pour{z-index:-1;background:#fac92c;border-radius:20px;width:20px;height:200%;transition:all .2s ease-in;position:absolute;bottom:150%;left:10px}