etc/style/gh-pandoc.css

   1 /*! normalize.css v3.0.1 | MIT License | git.io/normalize */
   2
   3 /**
   4 * 1. Set default font family to sans-serif.
   5 * 2. Prevent iOS text size adjust after orientation change, without disabling
   6 *    user zoom.
   7 */
   8
   9 html {
  10   font-family: sans-serif; /* 1 */
  11   -ms-text-size-adjust: 100%; /* 2 */
  12   -webkit-text-size-adjust: 100%; /* 2 */
  13 }
  14
  15 /**
  16 * Remove default margin.
  17 */
  18
  19 body {
  20   margin: 0;
  21 }
  22
  23 /* HTML5 display definitions
  24 ========================================================================== */
  25
  26 /**
  27 * Correct `block` display not defined for any HTML5 element in IE 8/9.
  28 * Correct `block` display not defined for `details` or `summary` in IE 10/11 and Firefox.
  29 * Correct `block` display not defined for `main` in IE 11.
  30 */
  31
  32 article,
  33 aside,
  34 details,
  35 figcaption,
  36 figure,
  37 footer,
  38 header,
  39 hgroup,
  40 main,
  41 nav,
  42 section,
  43 summary {
  44   display: block;
  45 }
  46
  47 /**
  48 * 1. Correct `inline-block` display not defined in IE 8/9.
  49 * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.
  50 */
  51
  52 audio,
  53 canvas,
  54 progress,
  55 video {
  56   display: inline-block; /* 1 */
  57   vertical-align: baseline; /* 2 */
  58 }
  59
  60 /**
  61 * Prevent modern browsers from displaying `audio` without controls.
  62 * Remove excess height in iOS 5 devices.
  63 */
  64
  65 audio:not([controls]) {
  66   display: none;
  67   height: 0;
  68 }
  69
  70 /**
  71 * Address `[hidden]` styling not present in IE 8/9/10.
  72 * Hide the `template` element in IE 8/9/11, Safari, and Firefox < 22.
  73 */
  74
  75 [hidden],
  76 template {
  77   display: none;
  78 }
  79
  80 /* Links
  81 ========================================================================== */
  82
  83 /**
  84 * Remove the gray background color from active links in IE 10.
  85 */
  86
  87 a {
  88   background: transparent;
  89 }
  90
  91 /**
  92 * Improve readability when focused and also mouse hovered in all browsers.
  93 */
  94
  95 a:active,
  96 a:hover {
  97   outline: 0;
  98 }
  99
 100 /* Text-level semantics
 101 ========================================================================== */
 102
 103 /**
 104 * Address styling not present in IE 8/9/10/11, Safari, and Chrome.
 105 */
 106
 107 abbr[title] {
 108   border-bottom: 1px dotted;
 109 }
 110
 111 /**
 112 * Address style set to `bolder` in Firefox 4+, Safari, and Chrome.
 113 */
 114
 115 b,
 116 strong {
 117   font-weight: bold;
 118 }
 119
 120 /**
 121 * Address styling not present in Safari and Chrome.
 122 */
 123
 124 dfn {
 125   font-style: italic;
 126 }
 127
 128 /**
 129 * Address variable `h1` font-size and margin within `section` and `article`
 130 * contexts in Firefox 4+, Safari, and Chrome.
 131 */
 132
 133 h1 {
 134   font-size: 2em;
 135   margin: 0.67em 0;
 136 }
 137
 138 /**
 139 * Address styling not present in IE 8/9.
 140 */
 141
 142 mark {
 143   background: #ff0;
 144   color: #000;
 145 }
 146
 147 /**
 148 * Address inconsistent and variable font size in all browsers.
 149 */
 150
 151 small {
 152   font-size: 80%;
 153 }
 154
 155 /**
 156 * Prevent `sub` and `sup` affecting `line-height` in all browsers.
 157 */
 158
 159 sub,
 160 sup {
 161   font-size: 75%;
 162   line-height: 0;
 163   position: relative;
 164   vertical-align: baseline;
 165 }
 166
 167 sup {
 168   top: -0.5em;
 169 }
 170
 171 sub {
 172   bottom: -0.25em;
 173 }
 174
 175 /* Embedded content
 176 ========================================================================== */
 177
 178 /**
 179 * Remove border when inside `a` element in IE 8/9/10.
 180 */
 181
 182 img {
 183   border: 0;
 184 }
 185
 186 /**
 187 * Correct overflow not hidden in IE 9/10/11.
 188 */
 189
 190 svg:not(:root) {
 191   overflow: hidden;
 192 }
 193
 194 /* Grouping content
 195 ========================================================================== */
 196
 197 /**
 198 * Address margin not present in IE 8/9 and Safari.
 199 */
 200
 201 figure {
 202   margin: 1em 40px;
 203 }
 204
 205 /**
 206 * Address differences between Firefox and other browsers.
 207 */
 208
 209 hr {
 210   -moz-box-sizing: content-box;
 211   box-sizing: content-box;
 212   height: 0;
 213 }
 214
 215 /**
 216 * Contain overflow in all browsers.
 217 */
 218
 219 pre {
 220   overflow: auto;
 221 }
 222
 223 /**
 224 * Address odd `em`-unit font size rendering in all browsers.
 225 */
 226
 227 code,
 228 kbd,
 229 pre,
 230 samp {
 231   font-family: monospace, monospace;
 232   font-size: 1em;
 233 }
 234
 235 /* Forms
 236 ========================================================================== */
 237
 238 /**
 239 * Known limitation: by default, Chrome and Safari on OS X allow very limited
 240 * styling of `select`, unless a `border` property is set.
 241 */
 242
 243 /**
 244 * 1. Correct color not being inherited.
 245 *    Known issue: affects color of disabled elements.
 246 * 2. Correct font properties not being inherited.
 247 * 3. Address margins set differently in Firefox 4+, Safari, and Chrome.
 248 */
 249
 250 button,
 251 input,
 252 optgroup,
 253 select,
 254 textarea {
 255   color: inherit; /* 1 */
 256   font: inherit; /* 2 */
 257   margin: 0; /* 3 */
 258 }
 259
 260 /**
 261 * Address `overflow` set to `hidden` in IE 8/9/10/11.
 262 */
 263
 264 button {
 265   overflow: visible;
 266 }
 267
 268 /**
 269 * Address inconsistent `text-transform` inheritance for `button` and `select`.
 270 * All other form control elements do not inherit `text-transform` values.
 271 * Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera.
 272 * Correct `select` style inheritance in Firefox.
 273 */
 274
 275 button,
 276 select {
 277   text-transform: none;
 278 }
 279
 280 /**
 281 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 282 *    and `video` controls.
 283 * 2. Correct inability to style clickable `input` types in iOS.
 284 * 3. Improve usability and consistency of cursor style between image-type
 285 *    `input` and others.
 286 */
 287
 288 button,
 289 html input[type="button"], /* 1 */
 290 input[type="reset"],
 291 input[type="submit"] {
 292   -webkit-appearance: button; /* 2 */
 293   cursor: pointer; /* 3 */
 294 }
 295
 296 /**
 297 * Re-set default cursor for disabled elements.
 298 */
 299
 300 button[disabled],
 301 html input[disabled] {
 302   cursor: default;
 303 }
 304
 305 /**
 306 * Remove inner padding and border in Firefox 4+.
 307 */
 308
 309 button::-moz-focus-inner,
 310 input::-moz-focus-inner {
 311   border: 0;
 312   padding: 0;
 313 }
 314
 315 /**
 316 * Address Firefox 4+ setting `line-height` on `input` using `!important` in
 317 * the UA stylesheet.
 318 */
 319
 320 input {
 321   line-height: normal;
 322 }
 323
 324 /**
 325 * It's recommended that you don't attempt to style these elements.
 326 * Firefox's implementation doesn't respect box-sizing, padding, or width.
 327 *
 328 * 1. Address box sizing set to `content-box` in IE 8/9/10.
 329 * 2. Remove excess padding in IE 8/9/10.
 330 */
 331
 332 input[type="checkbox"],
 333 input[type="radio"] {
 334   box-sizing: border-box; /* 1 */
 335   padding: 0; /* 2 */
 336 }
 337
 338 /**
 339 * Fix the cursor style for Chrome's increment/decrement buttons. For certain
 340 * `font-size` values of the `input`, it causes the cursor style of the
 341 * decrement button to change from `default` to `text`.
 342 */
 343
 344 input[type="number"]::-webkit-inner-spin-button,
 345 input[type="number"]::-webkit-outer-spin-button {
 346   height: auto;
 347 }
 348
 349 /**
 350 * 1. Address `appearance` set to `searchfield` in Safari and Chrome.
 351 * 2. Address `box-sizing` set to `border-box` in Safari and Chrome
 352 *    (include `-moz` to future-proof).
 353 */
 354
 355 input[type="search"] {
 356   -webkit-appearance: textfield; /* 1 */
 357   -moz-box-sizing: content-box;
 358   -webkit-box-sizing: content-box; /* 2 */
 359   box-sizing: content-box;
 360 }
 361
 362 /**
 363 * Remove inner padding and search cancel button in Safari and Chrome on OS X.
 364 * Safari (but not Chrome) clips the cancel button when the search input has
 365 * padding (and `textfield` appearance).
 366 */
 367
 368 input[type="search"]::-webkit-search-cancel-button,
 369 input[type="search"]::-webkit-search-decoration {
 370   -webkit-appearance: none;
 371 }
 372
 373 /**
 374 * Define consistent border, margin, and padding.
 375 */
 376
 377 fieldset {
 378   border: 1px solid #c0c0c0;
 379   margin: 0 2px;
 380   padding: 0.35em 0.625em 0.75em;
 381 }
 382
 383 /**
 384 * 1. Correct `color` not being inherited in IE 8/9/10/11.
 385 * 2. Remove padding so people aren't caught out if they zero out fieldsets.
 386 */
 387
 388 legend {
 389   border: 0; /* 1 */
 390   padding: 0; /* 2 */
 391 }
 392
 393 /**
 394 * Remove default vertical scrollbar in IE 8/9/10/11.
 395 */
 396
 397 textarea {
 398   overflow: auto;
 399 }
 400
 401 /**
 402 * Don't inherit the `font-weight` (applied by a rule above).
 403 * NOTE: the default cannot safely be changed in Chrome and Safari on OS X.
 404 */
 405
 406 optgroup {
 407   font-weight: bold;
 408 }
 409
 410 /* Tables
 411 ========================================================================== */
 412
 413 /**
 414 * Remove most spacing between table cells.
 415 */
 416
 417 table {
 418   border-collapse: collapse;
 419   border-spacing: 0;
 420 }
 421
 422 td,
 423 th {
 424   padding: 0;
 425 }
 426
 427 /* Figure captions */
 428
 429 .caption {
 430   margin-bottom: 5em;
 431 }
 432
 433 /*! End of normalize.css
 434 ========================================================================== */
 435
 436 /* Github styles
 437 ========================================================================== */
 438
 439 * {
 440   box-sizing: border-box;
 441 }
 442 body {
 443   font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
 444   font-size: 10pt;
 445   line-height: 1.6;
 446   margin: auto;
 447   max-width: 1184px;
 448   min-width: 360px;
 449   padding: 2rem;
 450   word-wrap: break-word;
 451 }
 452
 453 /* Headers
 454 ========================================================================== */
 455
 456 h1, h2, h3, h4, h5, h6 {
 457   font-weight: 600;
 458   line-height: 1.25;
 459   margin-bottom: 16px;
 460   margin-top: 24px;
 461 }
 462 h1 {
 463   padding-bottom: 0.3em;
 464   font-size: 2em;
 465   border-bottom: 1px solid #eee;
 466 }
 467 h2 {
 468   padding-bottom: 0.3em;
 469   font-size: 1.5em;
 470   border-bottom: 1px solid #eee;
 471 }
 472 h3 {
 473   font-size: 1.25em;;
 474 }
 475 h4 {
 476   font-size: 1em;
 477 }
 478 h5 {
 479   font-size: 0.875em;
 480 }
 481 h6 {
 482   font-size: 0.85em;
 483   color: #777;
 484 }
 485 h1 tt, h1 code,
 486 h2 tt, h2 code,
 487 h3 tt, h3 code,
 488 h4 tt, h4 code,
 489 h5 tt, h5 code,
 490 h6 tt, h6 code {
 491   font-size: inherit;
 492 }
 493 body > h2:first-child {
 494   margin-top: 0;
 495   padding-top: 0;
 496 }
 497 body > h1:first-child {
 498   margin-top: 0;
 499   padding-top: 0;
 500 }
 501 body > h1:first-child+h2 {
 502   margin-top: 0;
 503   padding-top: 0;
 504 }
 505 body > h3:first-child,
 506 body > h4:first-child,
 507 body > h5:first-child,
 508 body > h6:first-child {
 509   margin-top: 0;
 510   padding-top: 0;
 511 }
 512 a:first-child h1,
 513 a:first-child h2,
 514 a:first-child h3,
 515 a:first-child h4,
 516 a:first-child h5,
 517 a:first-child h6 {
 518   margin-top: 0;
 519   padding-top: 0;
 520 }
 521
 522 /* Flow Content
 523 ========================================================================== */
 524
 525 a {
 526   color: #4078c0;
 527   text-decoration: none;
 528 }
 529 a:active, a:hover {
 530   outline: 0;
 531   text-decoration: underline;
 532 }
 533 sup, sub, a.footnote {
 534   font-size: 75%;
 535   line-height: 0;
 536   position: relative;
 537   vertical-align: baseline;
 538 }
 539 sub {
 540   bottom: -0.25em;
 541 }
 542 sup {
 543   top: -0.5em;
 544 }
 545
 546 /* Block Content
 547 ========================================================================== */
 548
 549 ol, ul {
 550   margin-bottom: 16px;
 551   margin-top: 0;
 552   padding-left: 2em;
 553 }
 554 p, blockquote, table, pre {
 555   margin: 15px 0;
 556 }
 557 ul, ol {
 558   padding-left: 2em;
 559 }
 560 ul.no-list, ol.no-list {
 561   padding: 0;
 562   list-style-type: none;
 563 }
 564 ul ul, ul ol, ol ol, ol ul {
 565   margin-top: 0;
 566   margin-bottom: 0;
 567 }
 568 li > p {
 569   margin-top: 16px;
 570 }
 571 li + li {
 572   margin-top: 0.25em;;
 573 }
 574 ol li ul:first-of-type {
 575   margin-top: 0;
 576 }
 577 hr {
 578   background: transparent url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAAECAYAAACtBE5DAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBNYWNpbnRvc2giIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6OENDRjNBN0E2NTZBMTFFMEI3QjRBODM4NzJDMjlGNDgiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6OENDRjNBN0I2NTZBMTFFMEI3QjRBODM4NzJDMjlGNDgiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo4Q0NGM0E3ODY1NkExMUUwQjdCNEE4Mzg3MkMyOUY0OCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo4Q0NGM0E3OTY1NkExMUUwQjdCNEE4Mzg3MkMyOUY0OCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PqqezsUAAAAfSURBVHjaYmRABcYwBiM2QSA4y4hNEKYDQxAEAAIMAHNGAzhkPOlYAAAAAElFTkSuQmCC) repeat-x 0 0;
 579   border: 0 none;
 580   color: #ccc;
 581   height: 4px;
 582   margin: 16px 0;
 583   padding: 0;
 584 }
 585 h1 + p,
 586 h2 + p,
 587 h3 + p,
 588 h4 + p,
 589 h5 + p,
 590 h6 + p,
 591 ul li > :first-child,
 592 ol li > :first-child {
 593   margin-top: 0;
 594 }
 595 dl {
 596   padding: 0;
 597 }
 598 dl dt {
 599   font-size: 1em;
 600   font-weight: bold;
 601   font-style: italic;
 602   padding: 0;
 603   margin: 15px 0 5px;
 604 }
 605 dl dt:first-child {
 606   padding: 0;
 607 }
 608 dl dt > :first-child {
 609   margin-top: 0;
 610 }
 611 dl dt > :last-child {
 612   margin-bottom: 0;
 613 }
 614 dl dd {
 615   margin: 0 0 15px;
 616   padding: 0 15px;
 617 }
 618 dl dd > :first-child {
 619   margin-top: 0;
 620 }
 621 dl dd > :last-child {
 622   margin-bottom: 0;
 623 }
 624 blockquote {
 625   border-left: 4px solid #DDD;
 626   padding: 0 15px;
 627   color: #777;
 628 }
 629 blockquote > :first-child {
 630   margin-top: 0;
 631 }
 632 blockquote > :last-child {
 633   margin-bottom: 0;
 634 }
 635 table {
 636   border-collapse: collapse;
 637   border-spacing: 0;
 638   font-size: 100%;
 639   font: inherit;
 640 }
 641 table th {
 642   font-weight: bold;
 643   border: 1px solid #ccc;
 644   padding: 6px 13px;
 645 }
 646 table td {
 647   border: 1px solid #ccc;
 648   padding: 6px 13px;
 649 }
 650 table td > p:first-child {
 651   margin-top: 0;
 652 }
 653 table td > p:last-child {
 654   margin-bottom: 0;
 655 }
 656 table tr {
 657   border-top: 1px solid #ccc;
 658   background-color: #fff;
 659 }
 660 table tr:nth-child(2n) {
 661   background-color: #f8f8f8;
 662 }
 663 img {
 664   max-width: 100%;
 665 }
 666
 667 /* Code
 668 ========================================================================== */
 669
 670 code, tt {
 671   padding: 0;
 672   padding-top: 0.2em;
 673   padding-bottom: 0.2em;
 674   margin: 0;
 675   font-family: Consolas, 'Liberation Mono', Menlo, Courier, monospace;
 676   font-size: 10pt;
 677   background-color: rgba(0, 0, 0, 0.04);
 678   border-radius: 3px;
 679 }
 680 pre > code {
 681   margin: 0;
 682   padding: 0;
 683   white-space: pre;
 684   border: 0;
 685   background: transparent;
 686 }
 687 pre {
 688   padding: 16px;
 689   margin-top: 0;
 690   margin-bottom: 0;
 691   background-color: #f8f8f8;
 692   font-size: 10pt;
 693   line-height: 19px;
 694   overflow: auto;
 695   border-radius: 3px;
 696 }
 697 pre code, pre tt {
 698   background-color: transparent;
 699   border: 0;
 700 }
 701 code::before, code::after,
 702 tt::before, tt::after {
 703   letter-spacing: -0.2em;
 704         content: "\00a0";
 705 }
 706 pre code::before, pre code::after, pre tt::before, pre tt::after {
 707         content: normal;
 708 }
 709 code > span.kw { color: #a71d5d; font-weight: normal; } /* Keyword */
 710 code > span.dt { color: inherit; } /* DataType */
 711 code > span.dv { color: #0086b3; } /* DecVal */
 712 code > span.bn { color: #0086b3; } /* BaseN */
 713 code > span.fl { color: #0086b3; } /* Float */
 714 code > span.ch { color: #183691; } /* Char */
 715 code > span.st { color: #183691; } /* String */
 716 code > span.co { color: #969896; font-style: normal; } /* Comment */
 717 code > span.ot { color: #a71d5d; } /* Other */
 718 code > span.al { color: #ff0000; } /* Alert */
 719 code > span.fu { color: #795da3; } /* Function */
 720 code > span.er { color: #ff0000; font-weight: bold; } /* Error */
 721 code > span.wa { color: #969896; font-weight: bold; font-style: italic; } /* Warning */
 722 code > span.cn { color: #880000; } /* Constant */
 723 code > span.sc { color: #183691; } /* SpecialChar */
 724 code > span.vs { color: #183691; } /* VerbatimString */
 725 code > span.ss { color: #bb6688; } /* SpecialString */
 726 code > span.im { } /* Import */
 727 code > span.va { color: #19177c; } /* Variable */
 728 code > span.cf { color: #a71d5d; font-weight: normal; } /* ControlFlow */
 729 code > span.op { color: #666666; } /* Operator */
 730 code > span.bu { } /* BuiltIn */
 731 code > span.ex { } /* Extension */
 732 code > span.pp { color: #bc7a00; } /* Preprocessor */
 733 code > span.at { color: #0086b3; } /* Attribute */
 734 code > span.do { color: #ba2121; font-style: italic; } /* Documentation */
 735 code > span.an { color: #969896; font-weight: bold; font-style: italic; } /* Annotation */
 736 code > span.cv { color: #969896; font-weight: bold; font-style: italic; } /* CommentVar */
 737 code > span.in { color: #969896; font-weight: bold; font-style: italic; } /* Information */
 738
 739 /* Print
 740 ========================================================================== */
 741
 742 @media print {
 743   body {
 744     background: #fff;
 745   }
 746   img, pre, blockquote, table, figure {
 747     page-break-inside: avoid;
 748   }
 749   body {
 750     background: #fff;
 751     border: 0;
 752   }
 753   code {
 754     background-color: #fff;
 755     color: #333!important;
 756     padding: 0 .2em;
 757     border: 1px solid #dedede;
 758   }
 759   pre {
 760     background: #fff;
 761   }
 762   pre code {
 763     background-color: white!important;
 764     overflow: visible;
 765   }
 766 }
 767
 768 /* Selection
 769 ========================================================================== */
 770
 771 @media screen {
 772   ::selection {
 773     background: rgba(157, 193, 200, 0.5);
 774   }
 775   h1::selection {
 776     background-color: rgba(45, 156, 208, 0.3);
 777   }
 778   h2::selection {
 779     background-color: rgba(90, 182, 224, 0.3);
 780   }
 781   h3::selection, h4::selection, h5::selection, h6::selection, li::selection, ol::selection {
 782     background-color: rgba(133, 201, 232, 0.3);
 783   }
 784   code::selection {
 785     background-color: rgba(0, 0, 0, 0.7);
 786     color: #eee;
 787   }
 788   code span::selection {
 789     background-color: rgba(0, 0, 0, 0.7)!important;
 790     color: #eee!important;
 791   }
 792   a::selection {
 793     background-color: rgba(255, 230, 102, 0.2);
 794   }
 795   .inverted a::selection {
 796     background-color: rgba(255, 230, 102, 0.6);
 797   }
 798   td::selection, th::selection, caption::selection {
 799     background-color: rgba(180, 237, 95, 0.5);
 800   }
 801 }