English, asked by stacynjagi09, 8 months ago

class 5 A COMPOSITIION ABOUT USES OF WATER

Answers

Answered by YashSingh777
0

Explanation:

&lt;!DOCTYPE html&gt;</p><p></p><p>&lt;html lang="en"&gt;</p><p></p><p>&lt;head&gt;</p><p></p><p>&lt;title&gt;Cat in night&lt;/title&gt;</p><p></p><p>&lt;/head&gt;</p><p></p><p>&lt;body&gt;</p><p></p><p>&lt;div id="wrapper"&gt;</p><p></p><p>&lt;section class="sky"&gt;</p><p></p><p>&lt;div class="moon"&gt;&lt;/div&gt;</p><p></p><p>&lt;ul&gt;</p><p></p><p>&lt;li class="cloud"&gt;&lt;/li&gt;</p><p></p><p>&lt;li class="cloud"&gt;&lt;/li&gt;</p><p></p><p>&lt;li class="cloud"&gt;&lt;/li&gt;</p><p></p><p>&lt;/ul&gt;</p><p></p><p>&lt;/section&gt;</p><p></p><p>&lt;section class="wall"&gt;</p><p></p><p>&lt;section class="cat"&gt;</p><p></p><p>&lt;div class="cat-head"&gt;</p><p></p><p>&lt;div class="eyes"&gt;</p><p></p><p>&lt;div class="eye"&gt;&lt;/div&gt;</p><p></p><p>&lt;div class="eye"&gt;&lt;/div&gt;</p><p></p><p>&lt;/div&gt;</p><p></p><p>&lt;/div&gt;</p><p></p><p>&lt;div class="cat-body"&gt;</p><p></p><p>&lt;div class="tail"&gt;&lt;/div&gt;</p><p></p><p>&lt;/div&gt;</p><p></p><p>&lt;/section&gt;</p><p></p><p>&lt;/section&gt;</p><p></p><p>&lt;/div&gt;</p><p></p><p>&lt;style&gt;</p><p></p><p>.sky {</p><p></p><p>height: 300px;</p><p></p><p>background: radial-gradient(#112A71, #000A31);</p><p></p><p>overflow: hidden;</p><p></p><p>position: relative; }</p><p></p><p>.sky .moon {</p><p></p><p>width: 80px;</p><p></p><p>height: 80px;</p><p></p><p>border-radius: 50%;</p><p></p><p>background-color: #FEFF79;</p><p></p><p>-webkit-box-shadow: 0 0 150px #FEFF79, inset 0 1px 20px rgba(0, 0, 0, 0.3);</p><p></p><p>box-shadow: 0 0 150px #FEFF79, inset 0 1px 20px rgba(0, 0, 0, 0.3);</p><p></p><p>position: absolute;</p><p></p><p>top: 30px;</p><p></p><p>right: 100px; }</p><p></p><p>.sky .cloud {</p><p></p><p>width: 80px;</p><p></p><p>height: 30px;</p><p></p><p>background-color: #8D8D8D;</p><p></p><p>border-radius: 50px;</p><p></p><p>-webkit-box-shadow: inset 0 -1px 10px rgba(0, 0, 0, 0.3);</p><p></p><p>box-shadow: inset 0 -1px 10px rgba(0, 0, 0, 0.3);</p><p></p><p>position: relative;</p><p></p><p>top: 60px;</p><p></p><p>left: 30px;</p><p></p><p>-webkit-animation: shift 100s infinite linear;</p><p></p><p>animation: shift 100s infinite linear; }</p><p></p><p>.sky .cloud:nth-child(2) {</p><p></p><p>-webkit-transform: scale(-1.5, 1.3);</p><p></p><p>transform: scale(-1.5, 1.3);</p><p></p><p>top: 100px;</p><p></p><p>left: 250px;</p><p></p><p>-webkit-animation-duration: 40s;</p><p></p><p>animation-duration: 40s; }</p><p></p><p>.sky .cloud:last-child {</p><p></p><p>top: 150px;</p><p></p><p>left: 100px;</p><p></p><p>-webkit-transform: scale(2);</p><p></p><p>transform: scale(2);</p><p></p><p>-webkit-animation-duration: 60s;</p><p></p><p>animation-duration: 60s; }</p><p></p><p>.sky .cloud::before, .sky .cloud::after {</p><p></p><p>content: '';</p><p></p><p>display: block;</p><p></p><p>width: 32px;</p><p></p><p>height: 30px;</p><p></p><p>background-color: inherit;</p><p></p><p>border-radius: 50%;</p><p></p><p>position: relative;</p><p></p><p>top: -15px;</p><p></p><p>left: 35px; }</p><p></p><p>.sky .cloud::after {</p><p></p><p>top: -40px;</p><p></p><p>left: 10px; }</p><p></p><p>@-webkit-keyframes shift {</p><p></p><p>0% {</p><p></p><p>margin-left: -500px; }</p><p></p><p>100% {</p><p></p><p>margin-left: 100%; } }</p><p></p><p>@keyframes shift {</p><p></p><p>0% {</p><p></p><p>margin-left: -500px; }</p><p></p><p>100% {</p><p></p><p>margin-left: 100%; } }</p><p></p><p>.wall {</p><p></p><p>height: 250px;</p><p></p><p>background: radial-gradient(ellipse at top, #000C23, #000000);</p><p></p><p>position: relative;</p><p></p><p>top: 0px; }</p><p></p><p>.wall .cat {</p><p></p><p>position: absolute;</p><p></p><p>top: -105px;</p><p></p><p>left: 90px; }</p><p></p><p>.cat-head {</p><p></p><p>width: 40px;</p><p></p><p>height: 40px;</p><p></p><p>background-color: #131313;</p><p></p><p>border-radius: 50% 50% 100% 100%;</p><p></p><p>position: relative; }</p><p></p><p>.cat-head::before, .cat-head::after {</p><p></p><p>width: 6px;</p><p></p><p>height: 2px;</p><p></p><p>content: '';</p><p></p><p>background-color: inherit;</p><p></p><p>border-radius: 5% 100% 0 0;</p><p></p><p>border-top: 10px solid #131313;</p><p></p><p>border-left: 4px solid #141414;</p><p></p><p>position: absolute;</p><p></p><p>-webkit-transform: rotate(-5deg);</p><p></p><p>transform: rotate(-5deg);</p><p></p><p>top: -6px;</p><p></p><p>left: 0px;</p><p></p><p>z-index: 2; }</p><p></p><p>.cat-head::after {</p><p></p><p>left: auto;</p><p></p><p>right: 0px;</p><p></p><p>-webkit-transform: scaleX(-1) rotate(-5deg);</p><p></p><p>transform: scaleX(-1) rotate(-5deg);</p><p></p><p>-webkit-animation: wiggle 3s ease-in infinite;</p><p></p><p>animation: wiggle 3s ease-in infinite; }</p><p></p><p>.cat-head .eyes {</p><p></p><p>height: 30px;</p><p></p><p>display: -webkit-box;</p><p></p><p>display: -ms-flexbox;</p><p></p><p>display: flex;</p><p></p><p>-ms-flex-pack: distribute;</p><p></p><p>justify-content: space-around;</p><p></p><p>-webkit-box-align: center;</p><p></p><p>-ms-flex-align: center;</p><p></p><p>align-items: center; }</p><p></p><p>.cat-head .eyes .eye {</p><p></p><p>width: 6px;</p><p></p><p>height: 6px;</p><p></p><p>background-color: #4C4C4C;</p><p></p><p>border-radius: 50%;</p><p></p><p>-webkit-box-shadow: 0 0 0 3px #00D382;</p><p></p><p>box-shadow: 0 0 0 3px #00D382;</p><p></p><p>z-index: 5;</p><p></p><p>position: relative;</p><p></p><p>-webkit-animation: blink 3s ease-out infinite;</p><p></p><p>animation: blink 3s ease-out infinite; }</p><p></p><p>.cat-head .eyes .eye::after {</p><p></p><p>content: '';</p><p></p><p>width: 2px;</p><p></p><p>height: 2px;</p><p></p><p>background-color: #FFDFDF;</p><p></p><p>border-radius: 50%;</p><p></p><p>position: absolute;</p><p></p><p>top: 0px;</p><p></p><p>left: 3px; }</p><p></p><p>.cat-head .eyes .eye:last-child {</p><p></p><p>-webkit-transform: scaleX(-1);</p><p></p><p>transform: scaleX(-1); }</p><p></p><p>.cat-head .eyes .eye:last-child::after {</p><p></p><p>left: auto;</p><p></p><p>right: 3px; }</p><p></p><p>.cat-body {</p><p></p><p>height: 80px;</p><p></p><p>width: 38px;</p><p></p><p>background: #131313;</p><p></p><p>border-radius: 100% 100% 70% 70%;</p><p></p><p>position: relative;</p><p></p><p>top: -12px; }</p><p></p><p>.cat-body .tail {</p><p></p><p>width: 40px;</p><p></p><p>height: 10px;</p><p></p><p>background-color: transparent;</p><p></p><p>border-radius: 50%;</p><p></p><p>border: 8px solid #131313;</p><p></p><p>border-left-color: transparent;</p><p></p><p>border-top-color: transparent;</p><p></p><p>position: absolute;</p><p></p><p>bottom: 0px;</p><p></p><p>left: 5px; }</p><p></p><p>.cat-body .tail::after {</p><p></p><p>content: '';</p><p></p><p>width: 9px;</p><p></p><p>height: 10px;</p><p></p><p>background-color: #131313;</p><p></p><p>position: absolute;</p><p></p><p>right: -5px;</p><p></p><p>border-radius: 50%;</p><p></p><p>top: -4px;</p><p></p><p>-webkit-transform: skew(44deg, -26deg);</p><p></p><p>transform: skew(44deg, -26deg); }</p><p></p><p>@-webkit-keyframes blink {</p><p></p><p>78%, 82%, 86%, 90% {</p><p></p><p>opacity: 1; }</p><p></p><p>80%, 88% {</p><p></p><p>opacity: 0; } }</p><p></p><p>@keyframes blink {</p><p></p><p>78%, 82%, 86%, 90% {</p><p></p><p>opacity: 1; }</p><p></p><p>80%, 88% {</p><p></p><p>opacity: 0; } }</p><p></p><p>@-webkit-keyframes wiggle {</p><p></p><p>50%, 60% {</p><p></p><p>-webkit-transform: scaleX(-1) rotate(-5deg);</p><p></p><p>transform: scaleX(-1) rotate(-5deg); }</p><p></p><p>55% {</p><p></p><p>-webkit-transform: scaleX(-1) rotate(-30deg);</p><p></p><p>transform: scaleX(-1) rotate(-30deg); } }</p><p></p><p>@keyframes wiggle {</p><p></p><p>50%, 60% {</p><p></p><p>-webkit-transform: scaleX(-1) rotate(-5deg);</p><p></p><p>transform: scaleX(-1) rotate(-5deg); }</p><p></p><p>55% {</p><p></p><p>-webkit-transform: scaleX(-1) rotate(-30deg);</p><p></p><p>transform: scaleX(-1) rotate(-30deg); } }</p><p></p><p>* {</p><p></p><p>padding: 0;</p><p></p><p>margin: 0; }</p><p></p><p>ul {</p><p></p><p>list-style-type: none; }</p><p></p><p>body {</p><p></p><p>background: #1e1e1e;</p><p></p><p>}</p><p></p><p>#wrapper {</p><p></p><p>max-width: 400px;</p><p></p><p>margin: 0 auto;</p><p></p><p>height: 100vh; }</p><p></p><p>&lt;/style&gt;</p><p></p><p>&lt;/body&gt;</p><p></p><p>&lt;/html&gt;

Answered by riddhimamishra314
1

Answer:

We cannot lead our day to day life without water. Water makes up more than half of our body weight. Without water, all organisms in the world would die. Water is necessary not only for drinking but also for our day to day life purposes like bathing, cooking, cleaning, and washing and so on.

Explanation:

plz follow me

Similar questions