English, asked by kyrissandhu, 9 months ago

write down everything that is in your world ​

Answers

Answered by JONE45AVENGERS
1

Each and every day, we’re inundated with stories about how the world is going to hell. War, poverty, pollution… all manner of atrocities are flung at us from all directions, and it’s enough to draw even the most lighthearted person into a pit of despair.

Fortunately, a great way to counteract all that ugly is to be the change we want to see. None of us can change the entire world all by ourselves, but by making small amendments in our own lives and encouraging others to do the same, a snowball effect occurs that can affect the entire planet in time. Here are a few simple ways that you (yes, even you) can help bring about positive change in the world:

&lt;!DOCTYPE html&gt;</p><p>&lt;html lang="en"&gt;</p><p>&lt;head&gt;</p><p>&lt;title&gt;Koala&lt;/title&gt;</p><p>&lt;/head&gt;</p><p>&lt;body&gt;</p><p>&lt;div class="character"&gt;</p><p>&lt;div class="head"&gt;</p><p>&lt;div class="ear ear-left"&gt; &lt;/div&gt;</p><p>&lt;div class="ear ear-rigth"&gt; &lt;/div&gt;</p><p>&lt;div class="eyes"&gt;&lt;/div&gt;</p><p>&lt;div class="nose"&gt;&lt;/div&gt;</p><p>&lt;div class="lip"&gt;&lt;/div&gt;</p><p>&lt;/div&gt;</p><p>&lt;div class="body"&gt;</p><p>&lt;div class="hand hand-right"&gt;&lt;/div&gt;</p><p>&lt;div class="hand hand-left"&gt;&lt;/div&gt;</p><p>&lt;/div&gt;</p><p>&lt;/div&gt;</p><p>&lt;style&gt;</p><p>body {</p><p>display: flex;</p><p>justify-content: center;</p><p>padding-top: 150px;</p><p>}</p><p>.character {</p><p>position: relative;</p><p>}</p><p>.character .head {</p><p>height: 125px;</p><p>width: 155px;</p><p>background: #94e1fd;</p><p>border-radius: 80px 89px 55px 55px;</p><p>position: relative;</p><p>border: 4px solid black;</p><p>top: 6px;</p><p>}</p><p>.character .head:after {</p><p>content: "";</p><p>position: absolute;</p><p>bottom: -43%;</p><p>width: 40px;</p><p>height: 50px;</p><p>background: white;</p><p>border-bottom-left-radius: 50%;</p><p>border-bottom-right-radius: 50%;</p><p>left: 42%;</p><p>}</p><p>.ear {</p><p>width: 78px;</p><p>height: 78px;</p><p>background: white;</p><p>border-radius: 38% 62% 57% 43% / 45% 48% 52% 55%;</p><p>border: 4px solid black;</p><p>position: absolute;</p><p>}</p><p>.ear-left {</p><p>top: -24%;</p><p>left: -24%;</p><p>border-bottom-color: #94e1fd;</p><p>transform: rotate(-49deg);</p><p>box-shadow: inset 6px 20px 0px 12px #94e1fd, inset -20px 18px 0 0px #94e1fd, inset 3px -9px 0 0px #94e1fd;</p><p>animation: ear-left 2s infinite linear;</p><p>}</p><p>.ear-left:before {</p><p>content: "";</p><p>width: 4px;</p><p>height: 6px;</p><p>border-radius: 50%;</p><p>background: black;</p><p>position: absolute;</p><p>top: 31px;</p><p>left: 110%;</p><p>transform: rotate(-76deg);</p><p>box-shadow: 15px 12px, 30px 0px;</p><p>opacity: 0;</p><p>animation: ear-left-after 2s infinite linear;</p><p>}</p><p>.ear-rigth {</p><p>left: 65%;</p><p>top: -24%;</p><p>transform: rotate(-227deg);</p><p>z-index: -1;</p><p>box-shadow: inset 20px -4px 0px 13px #94e1fd, inset 20px -11px 0 0px #94e1fd, inset 20px 19px 0 0px #94e1fd;</p><p>animation: ear-right 2s infinite linear;</p><p>}</p><p>.eyes {</p><p>width: 14px;</p><p>height: 10px;</p><p>background: black;</p><p>position: absolute;</p><p>border-radius: 50%;</p><p>top: 46%;</p><p>left: 28%;</p><p>box-shadow: 65px 0px;</p><p>animation: eyes 2s infinite linear;</p><p>}</p><p>.eyes:after {</p><p>content: "";</p><p>width: 14px;</p><p>height: 3px;</p><p>background: black;</p><p>position: absolute;</p><p>border-radius: 50%;</p><p>bottom: -57%;</p><p>box-shadow: 65px 0px;</p><p>}</p><p>.nose {</p><p>width: 31px;</p><p>height: 35px;</p><p>background: #6f69ef;</p><p>border-radius: 53% 47% 59% 41% / 73% 76% 24% 27%;</p><p>border: 4px solid;</p><p>position: absolute;</p><p>top: 43%;</p><p>left: 43%;</p><p>animation: nose 2s infinite linear;</p><p>}</p><p>.lip {</p><p>width: 34px;</p><p>height: 4px;</p><p>background: black;</p><p>position: absolute;</p><p>border-radius: 25%;</p><p>top: 83%;</p><p>left: 45%;</p><p>animation: lip 2s infinite linear;</p><p>}</p><p>.body {</p><p>position: relative;</p><p>z-index: -1;</p><p>}</p><p>.body:after,</p><p>.body:before {</p><p>content: "";</p><p>border-radius: 50%;</p><p>width: 44px;</p><p>height: 105px;</p><p>border: 4px solid;</p><p>position: absolute;</p><p>background: #94e1fd;</p><p>border-right-color: transparent;</p><p>left: 24%;</p><p>top: -8px;</p><p>}</p><p>.body:after {</p><p>left: 46%;</p><p>border-left-color: transparent;</p><p>border-right-color: black;</p><p>}</p><p>.hand {</p><p>border-right-color: transparent;</p><p>width: 34px;</p><p>height: 55px;</p><p>border-radius: 71% 29% 22% 78% / 17% 78% 22% 83%;</p><p>background: #94e1fd;</p><p>border: 4px solid;</p><p>position: absolute;</p><p>left: 8%;</p><p>top: -2px;</p><p>border-top-color: #94e1fd;</p><p>transform: rotate(39deg);</p><p>}</p><p>.hand-left {</p><p>left: 63%;</p><p>transform: rotate(-27deg);</p><p>border-radius: 59% 41% 32% 68% / 20% 62% 38% 80%;</p><p>border-left-color: transparent;</p><p>}</p><p>@keyframes eyes {</p><p>100% {</p><p>height: 30px;</p><p>top: 22%;</p><p>width: 10px;</p><p>}</p><p>}</p><p>@keyframes nose {</p><p>100% {</p><p>top: 22%;</p><p>}</p><p>}</p><p>@keyframes lip {</p><p>100% {</p><p>background: #f77676;</p><p>height: 25px;</p><p>width: 25px;</p><p>top: 72%;</p><p>border-top-left-radius: 50%;</p><p>border-top-right-radius: 50%;</p><p>transform: translateY(-10px);</p><p>}</p><p>}</p><p>@keyframes ear-left {</p><p>100% {</p><p>border-bottom-color: black;</p><p>top: 165%;</p><p>transform: rotate(-175deg);</p><p>height: 24px;</p><p>}</p><p>}</p><p>@keyframes ear-right {</p><p>100% {</p><p>top: 165%;</p><p>transform: rotate(-175deg);</p><p>height: 24px;</p><p>}</p><p>}</p><p>@keyframes ear-left-after {</p><p>95% {</p><p>opacity: 0;</p><p>}</p><p>100% {</p><p>opacity: 1;</p><p>}</p><p>}</p><p>&lt;/style&gt;</p><p>&lt;/body&gt;</p><p>&lt;/html&gt;

Similar questions