Geography, asked by rutikgaikwad218, 9 months ago

the word yellow starts with the letter​

Answers

Answered by Anonymous
0

Answer:

the word yellow starts with the letter Y

Answered by Anonymous
1

Answer:

Y is your answer as in yellow it is started with y

Explanation:

Phone Booth

&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;Phone box&lt;/title&gt;</p><p></p><p>&lt;/head&gt;</p><p></p><p>&lt;body&gt;</p><p>  &lt;div class="box-canvas"&gt;</p><p>      &lt;div class="phonebox"&gt;</p><p>            &lt;div class="door"&gt;</p><p>                    &lt;div class="hinge"&gt;&lt;/div&gt;</p><p>                            &lt;div class="door-glass"&gt;&lt;/div&gt;</p><p>                                    &lt;div class="kickplate"&gt;&lt;/div&gt;</p><p>                                            &lt;div class="handle"&gt;&lt;/div&gt;</p><p>                                                  &lt;/div&gt;</p><p>                                                        &lt;div class="header"&gt;&lt;/div&gt;</p><p>                                                              &lt;div class="top"&gt;</p><p>                                                                    &lt;/div&gt;</p><p>                                                                        &lt;/div&gt;</p><p>                                                                          &lt;/div&gt;</p><p>&lt;style&gt;</p><p></p><p>:root {</p><p>  --red: #EA3F4D;</p><p>  --dark-red: #C41E2E;</p><p>  --gold: #EEAB8C;</p><p>  --glass-color: #C4C0BF;</p><p>  --shadow-color: #7F7A7D;</p><p>}</p><p></p><p>body{</p><p>  background: #9DD3F2;</p><p>  }</p><p>.box-canvas{</p><p>  position: relative;</p><p>    margin: auto;</p><p>      display: block;</p><p>        margin-top: 8%;</p><p>          margin-bottom: 8%;</p><p>            width: 600px;</p><p>              height:600px;</p><p>              }</p><p>.box-canvas::before {</p><p>  content: '';</p><p>    position: absolute;</p><p>      left: 50%;</p><p>        transform: translateX(-50%);</p><p>          background: #29A415;</p><p>            width: 300px;</p><p>              height: 150px;</p><p>                border-radius: 30% 50%;</p><p>                  top: 330px;</p><p>                  }</p><p>.phonebox {</p><p>  position: absolute;</p><p>    top: 100px;</p><p>      left: 50%;</p><p>        transform: translateX(-50%);</p><p>          width: 150px;</p><p>            height: 320px;</p><p>              background: var(--red);</p><p>              }</p><p>.door {</p><p>  position: absolute;</p><p>    bottom: 0;</p><p>      left: 50%;</p><p>        transform: translateX(-50%);</p><p>          width: 110px;</p><p>            height: 295px;</p><p>              border: 2px solid var(--dark-red);</p><p>              }</p><p>/* Top hinge */</p><p>.hinge {</p><p>  position: absolute;</p><p>    left: -3px;</p><p>      width: 5px;</p><p>        height: 19px;</p><p>          background: repeating-linear-gradient(to bottom,</p><p>              var(--gold),</p><p>                  var(--gold) 3px,</p><p>                      var(--dark-red) 5px</p><p>                        );</p><p>                          border-radius: 20%;</p><p>                          }</p><p>/* Middle hinge */</p><p>.hinge::before {</p><p>  content: '';</p><p>    position: absolute;</p><p>      top: 120px;</p><p>        width: 5px;</p><p>          height: 19px;</p><p>            background: repeating-linear-gradient(to bottom,</p><p>                var(--gold),</p><p>                    var(--gold) 3px,</p><p>                        var(--dark-red) 5px</p><p>                          );</p><p>                            border-radius: 20%;</p><p>                            }</p><p>/* Bottom hinge */</p><p>.hinge::after {</p><p>  content: '';</p><p>    position: absolute;</p><p>      top: 260px;</p><p>        width: 5px;</p><p>          height: 19px;</p><p>            background: repeating-linear-gradient(to bottom,</p><p>                var(--gold),</p><p>                    var(--gold) 3px,</p><p>                        var(--dark-red) 5px</p><p>                          );</p><p>                            border-radius: 20%;</p><p>                            }</p><p>.door-glass {</p><p>  position: absolute;</p><p>    top: 20px;</p><p>      left: 50%;</p><p>        transform: translateX(-50%);</p><p>          width: 60px;</p><p>            height: 170px;</p><p>              background: var(--glass-color);</p><p>                border-left: 10px solid var(--shadow-color);</p><p>                  border-right: 10px solid var(--shadow-color);</p><p>                    border-top: 30px solid var(--shadow-color);</p><p>                      border-bottom: 30px solid var(--shadow-color);</p><p>                      }</p><p>/* Horizontal lines */</p><p>.door-glass::before {</p><p>  content: '';</p><p>    position: absolute;</p><p>      top: -30px;</p><p>        left: -10px;</p><p>          width: 80px;</p><p>            height: 230px;</p><p>              background: repeating-linear-gradient(to bottom,</p><p>                  transparent,</p><p>                      transparent 30px,</p><p>                          var(--red) 30px,</p><p>                              var(--red) 35px</p><p>                                )</p><p>                                }</p><p>/* Vertical lines */</p><p>.door-glass::after {</p><p>  content: '';</p><p>    position: absolute;</p><p>      top: -30px;</p><p>        left: -10px;</p><p>          width: 80px;</p><p>            height: 230px;</p><p>              background: linear-gradient(to right,</p><p>                  transparent,</p><p>                      transparent 15px,</p><p>                          var(--red) 15px,</p><p>                              var(--red) 20px,</p><p>                                  transparent 20px,</p><p>                                      transparent 60px,</p><p>                                          var(--red) 60px,</p><p>                                              var(--red) 65px,</p><p>                                                  transparent 65px,</p><p>                                                      transparent</p><p>                                                        );</p><p>                                                        }</p><p>.kickplate {</p><p>  position: absolute;</p><p>    left: 50%;</p><p>      transform: translateX(-50%);</p><p>        width: 76px;</p><p>          height: 30px;</p><p>            border: 2px solid var(--dark-red);</p><p>              bottom: 5px;</p><p>              }</p><p>.handle {</p><p>  position: absolute;</p><p>    top: 120px;</p><p>      right: 3px;</p><p>        width: 8px;</p><p>          height: 23px;</p><p>            background: var(--gold);</p><p>              border-radius: 50%;</p><p>              }</p><p>.header {</p><p>  position: absolute;</p><p>    width: 140px;</p><p>      height: 30px;</p><p>        background: var(--red);</p><p>          top: -30px;</p><p>            left: 50%;</p><p>              transform: translateX(-50%);</p><p>              }</p><p>.header::after {</p><p>  content: 'TELEPHONE';</p><p>    position: absolute;</p><p>      font-size: 16px;</p><p>        text-align: center;</p><p>          left: 50%;</p><p>            top: 50%;</p><p>              transform: translate(-50%, -50%);</p><p>                font-family: sans-serif;</p><p>                  background: white;</p><p>                    width: 110px;</p><p>                      height: 20px;</p><p>                        padding-top: 3px;</p><p>                        }</p><p>.top {</p><p>  position: absolute;</p><p>    height: 50px;</p><p>      top: -80px;</p><p>        width: 150px;</p><p>          background: var(--red);</p><p>            border-radius: 50% 50% 0 0;</p><p>            }</p><p>/* Inner border */</p><p>.top::before {</p><p>  content: '';</p><p>    position: absolute;</p><p>      left: 50%;</p><p>        top: 50%;</p><p>          transform: translate(-50%,-50%);</p><p>            width: 135px;</p><p>              height: 35px;</p><p>                border: 2px solid var(--dark-red);</p><p>                  border-radius: 50% 50% 0 0;</p><p>                  }</p><p></p><p>&lt;/style&gt;</p><p>&lt;/body&gt;</p><p>&lt;/html&gt;

Similar questions