Question

10 rational numbers between _4/5 and +4/5

Answer 1

$</p><p></p><p></p><p><div class="box"></p><p></p><p><div class="container"></p><p></p><p><div class="sun"></div></p><p></p><p><div class="cloud"></div></p><p></p><p><div class="cloud"></div></p><p></p><p><div class="wave1"></div></p><p></p><p><div class="wave2"></div></p><p></p><p><div class="wave3"></div></p><p></p><p><div class="circle"></p><p></p><p><div class="fish"></div></p><p></p><p></div></p><p></p><p></div></p><p></p><p></p><p><style></p><p></p><p></p><p>body{</p><p></p><p>margin: 0;</p><p></p><p>padding: 0;</p><p></p><p>}</p><p></p><p></p><p>.box {</p><p></p><p>background: transparent;</p><p></p><p>width: 500px;</p><p></p><p>height: 400px;</p><p></p><p>position: relative;</p><p></p><p>top: 0;</p><p></p><p>left: 0;</p><p></p><p>display: block;</p><p></p><p>}</p><p></p><p></p><p>.container{</p><p></p><p>position: absolute;</p><p></p><p>width: 100%;</p><p></p><p>height: 100%;</p><p></p><p>background-image: linear-gradient(#c6d8ff, #fff);</p><p></p><p>overflow: hidden;</p><p></p><p>z-index: -2;</p><p></p><p>}</p><p></p><p>.wave1, .wave2, .wave3{</p><p></p><p>position: absolute;</p><p></p><p>width: 200%;</p><p></p><p>height: 10px;</p><p></p><p>bottom: 0;</p><p></p><p>animation: move 16s linear alternate infinite;</p><p></p><p>z-index: -1;</p><p></p><p>}</p><p></p><p>.wave1:before{</p><p></p><p>content: '';</p><p></p><p>position: absolute;</p><p></p><p>left: 0;</p><p></p><p>right: 0;</p><p></p><p>bottom: 0;</p><p></p><p>height: 80px;</p><p></p><p>background-repeat: repeat;</p><p></p><p>background-size: 80px 80px;</p><p></p><p>background-image: radial-gradient(circle at 25px -5px, transparent 22px, #0f70d1 23px);</p><p></p><p>}</p><p></p><p>.wave1:after{</p><p></p><p>content: '';</p><p></p><p>position: absolute;</p><p></p><p>left: -40px;</p><p></p><p>right: 0;</p><p></p><p>bottom: 0;</p><p></p><p>height: 100px;</p><p></p><p>background-repeat: repeat;</p><p></p><p>background-size: 80px 100px;</p><p></p><p>background-image: radial-gradient(circle at 25px 25px, #0f70d1 18px, transparent 19px);</p><p></p><p>}</p><p></p><p>.wave2{</p><p></p><p>bottom: 50px;</p><p></p><p>left: -40px;</p><p></p><p>z-index: -2;</p><p></p><p>animation: move 8s alternate-reverse ease-in-out infinite;</p><p></p><p>}</p><p></p><p>.wave2:before{</p><p></p><p>content: '';</p><p></p><p>position: absolute;</p><p></p><p>left: 0;</p><p></p><p>right: 0;</p><p></p><p>bottom: 0;</p><p></p><p>height: 80px;</p><p></p><p>background-repeat: repeat;</p><p></p><p>background-size: 80px 80px;</p><p></p><p>background-image: radial-gradient(circle at 25px -5px, transparent 22px, #0f65a1 23px);</p><p></p><p>}</p><p></p><p>.wave2:after{</p><p></p><p>content: '';</p><p></p><p>position: absolute;</p><p></p><p>left: -40px;</p><p></p><p>right: 0;</p><p></p><p>bottom: 0;</p><p></p><p>height: 100px;</p><p></p><p>background-repeat: repeat;</p><p></p><p>background-size: 80px 100px;</p><p></p><p>background-image: radial-gradient(circle at 25px 25px, #0f65a1 18px, transparent 19px);</p><p></p><p>}</p><p></p><p>.wave3{</p><p></p><p>bottom: 100px;</p><p></p><p>z-index: -3;</p><p></p><p>animation: move 16s alternate-reverse linear infinite;</p><p></p><p>}</p><p></p><p>.wave3:before{</p><p></p><p>content: '';</p><p></p><p>position: absolute;</p><p></p><p>left: 0;</p><p></p><p>right: 0;</p><p></p><p>bottom: 0;</p><p></p><p>height: 80px;</p><p></p><p>background-repeat: repeat;</p><p></p><p>background-size: 80px 80px;</p><p></p><p>background-image: radial-gradient(circle at 25px -5px, transparent 22px, #0f6081 23px);</p><p></p><p>}</p><p></p><p>.wave3:after{</p><p></p><p>content: '';</p><p></p><p>position: absolute;</p><p></p><p>left: -40px;</p><p></p><p>right: 0;</p><p></p><p>bottom: 0;</p><p></p><p>height: 100px;</p><p></p><p>background-repeat: repeat;</p><p></p><p>background-size: 80px 100px;</p><p></p><p>background-image: radial-gradient(circle at 25px 25px, #0f6081 18px, transparent 19px);</p><p></p><p>}</p><p></p><p>@keyframes move{</p><p></p><p>0%{</p><p></p><p>transform: translateX(-200px);</p><p></p><p>}</p><p></p><p>100%{</p><p></p><p>transform: translateX(-20px);</p><p></p><p>}</p><p></p><p>}</p><p></p><p>.sun{</p><p></p><p>position: absolute;</p><p></p><p>top: 8%;</p><p></p><p>left: 15%;</p><p></p><p>height: 40px;</p><p></p><p>width: 40px;</p><p></p><p>border-radius: 50%;</p><p></p><p>background-color: #ff5;</p><p></p><p>box-shadow: 0 0 12px 6px #fe8;</p><p></p><p>z-index: -4;</p><p></p><p>}</p><p></p><p>.fish{</p><p></p><p>position: absolute;</p><p></p><p>width: 100px;</p><p></p><p>height: 50px;</p><p></p><p>margin: auto;</p><p></p><p>left: 0;</p><p></p><p>right: 0;</p><p></p><p>background: linear-gradient(90deg, #f50 30px, #ff0 30px, #ff0 36px, #f50 36px, #f50 42px, #ff0 42px, #ff0 48px, #f50 48px, #f50 54px, #ff0 54px, #ff0 60px, #f50 60px, #f50 66px, #ff0 66px, #ff0 72px, #f50 72px, #f50 78px, #ff0 78px, #ff0 84px, #f50 84px, #f50 90px, #ff0 90px, #ff0 96px, #f50 96px, #f50 102px);</p><p></p><p>border-radius: 50%;</p><p></p><p>box-shadow: -3px 0 10px -4px #000;</p><p></p><p>}</p><p></p><p>.fish:before{</p><p></p><p>content: '';</p><p></p><p>position: absolute;</p><p></p><p>width: 35px;</p><p></p><p>height: 50px;</p><p></p><p>left: 95px;</p><p></p><p>border-left: 15px solid #f50;</p><p></p><p>border-radius: 50%;</p><p></p><p>box-shadow: -70px -15px 0 0px #f50,</p><p></p><p>-68px 20px 0 -10px #f50;</p><p></p><p>z-index: -1</p><p></p><p>}</p><p></p><p>.fish:after{</p><p></p><p>content: '';</p><p></p><p>position: absolute;</p><p></p><p>width: 2px;</p><p></p><p>height: 5px;</p><p></p><p>border-bottom: 15px solid #000;</p><p></p><p>top: 20px;</p><p></p><p>left: 10px;</p><p></p><p>border-radius: 50%;</p><p></p><p>transform: rotate(90deg);</p><p></p><p>}</p><p></p><p>.circle{</p><p></p><p>position: absolute;</p><p></p><p>width: 300px;</p><p></p><p>height: 300px;</p><p></p><p>margin: auto;</p><p></p><p>bottom: -18px;</p><p></p><p>left: 0;</p><p></p><p>right: 0;</p><p></p><p>background-color: rgba(255, 255, 255, 0);</p><p></p><p>border-radius: 50%;</p><p></p><p>z-index: -3;</p><p></p><p>animation: jump 8s linear infinite;</p><p></p><p>}</p><p></p><p>.circle:before{</p><p></p><p>content: '';</p><p></p><p>position: absolute;</p><p></p><p>width: 7px;</p><p></p><p>height: 7px;</p><p></p><p>background-color: #000;</p><p></p><p>top: 14px;</p><p></p><p>left: 110px;</p><p></p><p>border-radius: 50%;</p><p></p><p>z-index: 1;</p><p></p><p>}</p><p></p><p>@keyframes jump{</p><p></p><p>75%{transform: rotate(-180deg);}</p><p></p><p>100%{transform: rotate(-360deg);}</p><p></p><p>}</p><p></p><p>.cloud{</p><p></p><p>position: absolute;</p><p></p><p>width: 85px;</p><p></p><p>height: 18px;</p><p></p><p>background-color: #fff;</p><p></p><p>border-radius: 60px;</p><p></p><p>left: -6%;</p><p></p><p>top: 25%;</p><p></p><p>animation: wind 20s linear infinite;</p><p></p><p>z-index: -3;</p><p></p><p>}</p><p></p><p>.cloud:before{</p><p></p><p>content: '';</p><p></p><p>position: absolute;</p><p></p><p>width: 35px;</p><p></p><p>height: 35px;</p><p></p><p>background-color: #fff;</p><p></p><p>border-radius: 50%;</p><p></p><p>top: -20px;</p><p></p><p>left: -2%;</p><p></p><p>box-shadow: 37px -10px 0 7px #fff;</p><p></p><p>}</p><p></p><p>.cloud:nth-child(2){</p><p></p><p>top: 30%;</p><p></p><p>left: -54%;</p><p></p><p>transform: scale(0.8);</p><p></p><p>animation-delay: 5s;</p><p></p><p>}</p><p></p><p>@keyframes wind{</p><p></p><p>100%{left: 120%;}</p><p></p><p>}</p><p></p><p></p><p></style></p><p></p><p></p><p>$