body{
 margin: 0;
 padding: 0;
 }

 .wrapper{
 position: absolute;
 width: 300px;
 height: 250px;
 top: 0;
 left: 0;
 overflow: hidden;
 cursor: pointer;
 opacity: 0;
 box-sizing: border-box;
 border: 1px solid #008eba;
 }

 /* @font-face {
 font-family: 'rawCps';
 src: url('assets/RawCps.woff') format('woff');
 } */

 .bg, .logo, .nescafe, .cp_1, .cp_2, .ctaBtn, .liquid, .cup, .wrd_bg, .instr, .mask, .tint, .lg_bg, .expl, .lf, .lf_sh{
 position: absolute;
 width: 300px;
 height: 250px;
 top: 0;
 left: 0;
 pointer-events: none;

 }

 .lf_sh{
 mix-blend-mode: multiply;
 }

 .bg{
 background-image: url('https://dsp-media.eskimi.com/upload/rm/upload/1646049966/Nescafe_WordGame_300x250_v1_Prod/assets/bg.jpg');
 }

 .liquid{
 top: 65px;
 }

 .tint{
 background-color: brown;
 }

 .mask{
 -webkit-mask-image:url('https://dsp-media.eskimi.com/upload/rm/upload/1646049966/Nescafe_WordGame_300x250_v1_Prod/assets/mask.png');
 mask-image: url('https://dsp-media.eskimi.com/upload/rm/upload/1646049966/Nescafe_WordGame_300x250_v1_Prod/assets/mask.png');
 mix-blend-mode: multiply;
 }

 .cup{
 isolation: isolate;
 }


 .fun, .tasty, .care, .joy, .morning, .dreams, .lunch, .healthy, .power, .crazy, .love{
 position: absolute;
 height: 12px;
 }

 .fun{
 width: 31px;
 top: 26px;
 left: 29px;
 }

 .tasty{
 width: 51px;
 left: 29px;
 top: 69px;
 }

 .care{
 width: 41px;
 left: 29px;
 top: 105px;
 }

 .joy{
 width: 31px;
 left: 40px;
 top: 136px;
 }

 .morning{
 width: 75px;
 left: 16px;
 top: 164px;
 }

 .dreams{
 width: 65px; 
 left: 110px;
 top: 66px;
 }

 .lunch{
 width: 53px;
 left: 229px;
 top: 28px;
 }

 .healthy{
 width: 73px;
 left: 203px;
 top: 65px;
 }

 .power{
 width: 58px;
 left: 226px;
 top: 105px;
 
 }

 .crazy{
 width: 53px;
 left: 233px;
 top: 136px;
 }

 .love{
 width: 41px;
 left: 233px;
 top: 171px;
 }

 .crwrd{
 position: absolute;
 width: 108px;
 height: 23px;
 top: 216px;
 left: 0;
 right: 0;
 margin: 0 auto;

 font-family: Arial, Helvetica, sans-serif;
 font-size: 14px;
 line-height: 23px;
 font-weight: bold;
 text-align: center;
 text-transform: uppercase;
 color: #fff;
 }

 .scnr{
 position: absolute;
 width: 17px;
 height: 23px;
 bottom: 9px;
 right: 20px;

 font-family: Arial, Helvetica, sans-serif;
 color: #FFF;
 line-height: 23px;
 font-size: 20px;
 text-align: center;
 }
/*=============================================================================*/