Question

fue there a watee vapo
Exo when milk is heated
expands.​

Answer 1

Answer:

$</p><p></p><p><div class="box"></p><p><div class="container"></p><p> <div class="ground"></div></p><p> <div class="pot"></div></p><p> <div class="cactus"></p><p> <div class="eye"></div></p><p> <div class="mouth"></div></p><p> <div class="flower"></p><p> <div class="petals"></p><p>} <div class="dot"></div></p><p> </div></p><p> </div></p><p> </div></p><p></div></p><p></p><p><style></p><p></p><p>body{height:300px</p><p> margin: 0;</p><p> padding: 0;</p><p> background-color: white;</p><p>}</p><p></p><p>.box {</p><p>background: transparent;</p><p>width: 300px;</p><p>height: 400px;</p><p>position: relative;</p><p>top: 8%;</p><p>left: 10%;</p><p>display: block;</p><p>}</p><p></p><p>.container{</p><p> position: absolute;</p><p> top: 50%;</p><p> left: 50%;</p><p> transform: translate(-50%, -50%);</p><p> -webkit-transform: translate(-50%, -50%);</p><p> height: 320px;</p><p> width: 320px;</p><p>}</p><p>.pot{</p><p> position: absolute;</p><p> width: 65px;</p><p> border-top: 75px solid #9576ae;</p><p> border-left: 15px solid transparent;</p><p> border-right: 15px solid transparent;</p><p> bottom: 60px;</p><p> left: 0;</p><p> right: 0;</p><p> margin: 0 auto;</p><p>}</p><p>.pot:after{</p><p> content: '';</p><p> position: absolute;</p><p> width: 118px;</p><p> height: 20px;</p><p> background-color: #6d4778;</p><p> border-radius: 10px;</p><p> top: -80px;</p><p> left: -26px;</p><p>}</p><p>.pot:before{</p><p> position: absolute;</p><p> content: '';</p><p> height: 22px;</p><p> width: 7px;</p><p> border-radius: 10px;</p><p> background-color: rgba(255, 255, 255, 0.4);</p><p> left: -2px;</p><p> top: -42px;</p><p> transform: rotate(-12deg);</p><p> -webkit-transform: rotate(-12deg);</p><p> box-shadow: 0 -32px 0 0 rgba(255, 255, 255, 0.4);</p><p> -webkit-box-shadow: 0 -32px 0 0 rgba(255, 255, 255, 0.4);</p><p>}</p><p>.cactus{</p><p> position: absolute;</p><p> top: 78px;</p><p> left: 0;</p><p> right: 0;</p><p> margin: 0 auto;</p><p> width: 120px;</p><p> height: 130px;</p><p> border-radius: 50%;</p><p> background-color: #5be55a;</p><p> z-index: -1;</p><p>}</p><p>.cactus:before{</p><p> position: absolute;</p><p> content: '';</p><p> height: 18px;</p><p> width: 6px;</p><p> background-color: #5be55a;</p><p> border-radius: 8px;</p><p> transform: translateX(16px) rotate(-55deg);</p><p> -webkit-transform: translateX(16px) rotate(-55deg);</p><p> box-shadow: -6px 2px 0 #5be55a,</p><p> 6px 6px 0 #5be55a;</p><p> -webkit-box-shadow: -6px 2px 0 #5be55a,</p><p> 6px 6px 0 #5be55a;</p><p>}</p><p>.cactus:after{</p><p> position: absolute;</p><p> content: '';</p><p> height: 10px;</p><p> width: 10px;</p><p> border-radius: 50%;</p><p> background-color: rgba(255, 255, 255, 0.8);</p><p> left: 15px;</p><p> top: 30px;</p><p> box-shadow: 10px -12px 0 2px rgba(255, 255, 255, 0.8);</p><p> -webkit-box-shadow: 10px -12px 0 2px rgba(255, 255, 255, 0.8);</p><p>}</p><p>.eye{</p><p> position: relative;</p><p> width: 10px;</p><p> height: 12px;</p><p> background-color: #000;</p><p> border-radius: 50%;</p><p> top: 50px;</p><p> left: 40px;</p><p> box-shadow: 30px 0 0 #000,</p><p> -14px 15px 0 2px #fd8785,</p><p> 45px 15px 0 2px #fd8785;</p><p> -webkit-box-shadow: 30px 0 0 #000,</p><p> -14px 15px 0 2px #fd8785,</p><p> 45px 15px 0 2px #fd8785;</p><p>}</p><p>.mouth{</p><p> position: relative;</p><p> width: 30px;</p><p> height: 13px;</p><p> background-color: #000;</p><p> border-radius: 0 0 30px 30px;</p><p> top: 65px;</p><p> left: 46px;</p><p>}</p><p>.mouth:before{</p><p> content: '';</p><p> position: absolute;</p><p> width: 15px;</p><p> height: 7px;</p><p> border-radius: 50%;</p><p> background-color: #fd8785;</p><p> left: 8px;</p><p> top: 5px;</p><p>}</p><p>.petals{</p><p> position: absolute;</p><p> top: 50%;</p><p> left: 50%;</p><p> transform: translate(-50%, -50%);</p><p> -webkit-transform: translate(-50%, -50%);</p><p> width: 8px;</p><p> height: 30px;</p><p> background-color: #f00;</p><p> border-radius: 10px;</p><p>}</p><p>.petals:before{</p><p> content: '';</p><p> position: absolute;</p><p> width: 8px;</p><p> height: 30px;</p><p> background-color: #f00;</p><p> border-radius: 10px;</p><p> transform: rotate(60deg);</p><p> -webkit-transform: rotate(60deg);</p><p>}</p><p>.petals:after{</p><p> content: '';</p><p> position: absolute;</p><p> width: 8px;</p><p> height: 30px;</p><p> background-color: #f00;</p><p> border-radius: 10px;</p><p> transform: rotate(-60deg);</p><p> -webkit-transform: rotate(-60deg);</p><p>}</p><p>.dot{</p><p> position: absolute;</p><p> background-color: #ff0;</p><p> width: 8px;</p><p> height: 8px;</p><p> border-radius: 50%;</p><p> top: 50%;</p><p> left: 50%;</p><p> transform: translate(-50%, -50%);</p><p> -webkit-transform: translate(-50%, -50%);</p><p> z-index: 10;</p><p>}</p><p>.flower{</p><p> position: absolute;</p><p> width: 10px;</p><p> height: 10px;</p><p> right: 28px;</p><p> top: 4px;</p><p> animation: rotate 4s linear infinite;</p><p> -webkit-animation: rotate 4s linear infinite;</p><p>}</p><p>@keyframes rotate{</p><p> 100%{transform: rotate(360deg);}</p><p>}</p><p>@-webkit-keyframes rotate{</p><p> 100%{-webkit-transform: rotate(360deg);}</p><p>}</p><p>.ground{</p><p> position: absolute;</p><p> width: 90px;</p><p> height: 5px;</p><p> background-color: #694102;</p><p> border-radius: 10px;</p><p> bottom: 56px;</p><p> left: 120px;</p><p>}</p><p>.ground:before{</p><p> position: absolute;</p><p> content: '';</p><p> width: 5px;</p><p> height: 5px;</p><p> background-color: #694102;</p><p> border-radius: 50%;</p><p> left: -21px;</p><p> box-shadow: 114px 0 0 #694102;</p><p> -webkit-box-shadow: 114px 0 0 #694102;</p><p>}</p><p>.ground:after{</p><p> position: absolute;</p><p> content: '';</p><p> width: 10px;</p><p> height: 5px;</p><p> background-color: #694102;</p><p> border-radius: 10px;</p><p> left: -12px;</p><p>}</p><p></p><p></style></p><p></p><p>$