A Pen by Mac Bleser.

Color-Queries.markdown

Color Queries

Curious as to how the browser would react to several hundred media queries, I decided to create this experiment.

In order to demonstrate each individual media query, I found a list of over 1,000 unique colors to use to apply a unique background color to each media query. To make sure the text color is readable on top of any given background color, I am using Sass to return the complementary color of the background color.

The first media query kicks in at min-width: 320px, and each new media query thereafter increments by 1px. This continues all the way up to min-width: 1400px.

Resize your the preview window and watch the colors change as the media queries kick in!

WARNING: Use at your own risk

A Pen by Mac Bleser on CodePen.

License.

index.html

<div class="text-container">
  <h1>Color <br />Queries</h1>
</div>

style.scss

@import "compass";
// Variables
$base-font-size: 40px;
$text-opacity: 1.0;


html, body {
  width: 100%;
  height: 100%;
}

body {
  font-size: $base-font-size;
}

.text-container {
  position: relative;
  width: 100%;
  height: 100%;
}

h1 {
  position: absolute;
  text-align: center;
  margin: 0;
  margin-top: -1em;
  top: 50%;
  width: 100%;
  font-family: "Helvetica Neue", "Helvetica", Arial, Verdana, sans-serif;
  text-transform: uppercase;
  line-height: 0.75;
  letter-spacing: -0.08em;
  
  &:after {
    content: '⇠resize your window⇢';
    display: block;
    clear: both;
    margin-top: 1em;
    font-size: 30%;
    letter-spacing: -0.075em;
    opacity: 0.6;
    white-space: nowrap;
  }
}


// MEDIA QUERIES!
@media (min-width: 320px) { body { background-color: #A8BB19; color: rgba(complement(#A8BB19), $text-opacity); } }
@media (min-width: 321px) { body { background-color: #7CB9E8; color: rgba(complement(#7CB9E8), $text-opacity); } }
@media (min-width: 322px) { body { background-color: #C9FFE5; color: rgba(complement(#C9FFE5), $text-opacity); } }
@media (min-width: 323px) { body { background-color: #B284BE; color: rgba(complement(#B284BE), $text-opacity); } }
@media (min-width: 324px) { body { background-color: #5D8AA8; color: rgba(complement(#5D8AA8), $text-opacity); } }
@media (min-width: 325px) { body { background-color: #00308F; color: rgba(complement(#00308F), $text-opacity); } }
@media (min-width: 326px) { body { background-color: #72A0C1; color: rgba(complement(#72A0C1), $text-opacity); } }
@media (min-width: 327px) { body { background-color: #AF002A; color: rgba(complement(#AF002A), $text-opacity); } }
@media (min-width: 328px) { body { background-color: #F0F8FF; color: rgba(complement(#F0F8FF), $text-opacity); } }
@media (min-width: 329px) { body { background-color: #E32636; color: rgba(complement(#E32636), $text-opacity); } }
@media (min-width: 330px) { body { background-color: #C46210; color: rgba(complement(#C46210), $text-opacity); } }
@media (min-width: 331px) { body { background-color: #EFDECD; color: rgba(complement(#EFDECD), $text-opacity); } }
@media (min-width: 332px) { body { background-color: #E52B50; color: rgba(complement(#E52B50), $text-opacity); } }
@media (min-width: 333px) { body { background-color: #F19CBB; color: rgba(complement(#F19CBB), $text-opacity); } }
@media (min-width: 334px) { body { background-color: #AB274F; color: rgba(complement(#AB274F), $text-opacity); } }
@media (min-width: 335px) { body { background-color: #3B7A57; color: rgba(complement(#3B7A57), $text-opacity); } }
@media (min-width: 336px) { body { background-color: #FFBF00; color: rgba(complement(#FFBF00), $text-opacity); } }
@media (min-width: 337px) { body { background-color: #FF7E00; color: rgba(complement(#FF7E00), $text-opacity); } }
@media (min-width: 338px) { body { background-color: #FF033E; color: rgba(complement(#FF033E), $text-opacity); } }
@media (min-width: 339px) { body { background-color: #9966CC; color: rgba(complement(#9966CC), $text-opacity); } }
@media (min-width: 340px) { body { background-color: #A4C639; color: rgba(complement(#A4C639), $text-opacity); } }
@media (min-width: 341px) { body { background-color: #F2F3F4; color: rgba(complement(#F2F3F4), $text-opacity); } }
@media (min-width: 342px) { body { background-color: #CD9575; color: rgba(complement(#CD9575), $text-opacity); } }
@media (min-width: 343px) { body { background-color: #665D1E; color: rgba(complement(#665D1E), $text-opacity); } }
@media (min-width: 344px) { body { background-color: #915C83; color: rgba(complement(#915C83), $text-opacity); } }
@media (min-width: 345px) { body { background-color: #841B2D; color: rgba(complement(#841B2D), $text-opacity); } }
@media (min-width: 346px) { body { background-color: #FAEBD7; color: rgba(complement(#FAEBD7), $text-opacity); } }
@media (min-width: 347px) { body { background-color: #008000; color: rgba(complement(#008000), $text-opacity); } }
@media (min-width: 348px) { body { background-color: #8DB600; color: rgba(complement(#8DB600), $text-opacity); } }
@media (min-width: 349px) { body { background-color: #FBCEB1; color: rgba(complement(#FBCEB1), $text-opacity); } }
@media (min-width: 350px) { body { background-color: #00FFFF; color: rgba(complement(#00FFFF), $text-opacity); } }
@media (min-width: 351px) { body { background-color: #7FFFD4; color: rgba(complement(#7FFFD4), $text-opacity); } }
@media (min-width: 352px) { body { background-color: #4B5320; color: rgba(complement(#4B5320), $text-opacity); } }
@media (min-width: 353px) { body { background-color: #3B444B; color: rgba(complement(#3B444B), $text-opacity); } }
@media (min-width: 354px) { body { background-color: #8F9779; color: rgba(complement(#8F9779), $text-opacity); } }
@media (min-width: 355px) { body { background-color: #E9D66B; color: rgba(complement(#E9D66B), $text-opacity); } }
@media (min-width: 356px) { body { background-color: #B2BEB5; color: rgba(complement(#B2BEB5), $text-opacity); } }
@media (min-width: 357px) { body { background-color: #87A96B; color: rgba(complement(#87A96B), $text-opacity); } }
@media (min-width: 358px) { body { background-color: #FF9966; color: rgba(complement(#FF9966), $text-opacity); } }
@media (min-width: 359px) { body { background-color: #A52A2A; color: rgba(complement(#A52A2A), $text-opacity); } }
@media (min-width: 360px) { body { background-color: #FDEE00; color: rgba(complement(#FDEE00), $text-opacity); } }
@media (min-width: 361px) { body { background-color: #6E7F80; color: rgba(complement(#6E7F80), $text-opacity); } }
@media (min-width: 362px) { body { background-color: #568203; color: rgba(complement(#568203), $text-opacity); } }
@media (min-width: 363px) { body { background-color: #007FFF; color: rgba(complement(#007FFF), $text-opacity); } }
@media (min-width: 364px) { body { background-color: #F0FFFF; color: rgba(complement(#F0FFFF), $text-opacity); } }
@media (min-width: 365px) { body { background-color: #89CFF0; color: rgba(complement(#89CFF0), $text-opacity); } }
@media (min-width: 366px) { body { background-color: #A1CAF1; color: rgba(complement(#A1CAF1), $text-opacity); } }
@media (min-width: 367px) { body { background-color: #F4C2C2; color: rgba(complement(#F4C2C2), $text-opacity); } }
@media (min-width: 368px) { body { background-color: #FEFEFA; color: rgba(complement(#FEFEFA), $text-opacity); } }
@media (min-width: 369px) { body { background-color: #FF91AF; color: rgba(complement(#FF91AF), $text-opacity); } }
@media (min-width: 370px) { body { background-color: #21ABCD; color: rgba(complement(#21ABCD), $text-opacity); } }
@media (min-width: 371px) { body { background-color: #FAE7B5; color: rgba(complement(#FAE7B5), $text-opacity); } }
@media (min-width: 372px) { body { background-color: #FFE135; color: rgba(complement(#FFE135), $text-opacity); } }
@media (min-width: 373px) { body { background-color: #006A4E; color: rgba(complement(#006A4E), $text-opacity); } }
@media (min-width: 374px) { body { background-color: #E0218A; color: rgba(complement(#E0218A), $text-opacity); } }
@media (min-width: 375px) { body { background-color: #7C0A02; color: rgba(complement(#7C0A02), $text-opacity); } }
@media (min-width: 376px) { body { background-color: #848482; color: rgba(complement(#848482), $text-opacity); } }
@media (min-width: 377px) { body { background-color: #98777B; color: rgba(complement(#98777B), $text-opacity); } }
@media (min-width: 378px) { body { background-color: #BCD4E6; color: rgba(complement(#BCD4E6), $text-opacity); } }
@media (min-width: 379px) { body { background-color: #9F8170; color: rgba(complement(#9F8170), $text-opacity); } }
@media (min-width: 380px) { body { background-color: #F5F5DC; color: rgba(complement(#F5F5DC), $text-opacity); } }
@media (min-width: 381px) { body { background-color: #2E5894; color: rgba(complement(#2E5894), $text-opacity); } }
@media (min-width: 382px) { body { background-color: #9C2542; color: rgba(complement(#9C2542), $text-opacity); } }
@media (min-width: 383px) { body { background-color: #FFE4C4; color: rgba(complement(#FFE4C4), $text-opacity); } }
@media (min-width: 384px) { body { background-color: #3D2B1F; color: rgba(complement(#3D2B1F), $text-opacity); } }
@media (min-width: 385px) { body { background-color: #967117; color: rgba(complement(#967117), $text-opacity); } }
@media (min-width: 386px) { body { background-color: #CAE00D; color: rgba(complement(#CAE00D), $text-opacity); } }
@media (min-width: 387px) { body { background-color: #BFFF00; color: rgba(complement(#BFFF00), $text-opacity); } }
@media (min-width: 388px) { body { background-color: #FE6F5E; color: rgba(complement(#FE6F5E), $text-opacity); } }
@media (min-width: 389px) { body { background-color: #BF4F51; color: rgba(complement(#BF4F51), $text-opacity); } }
@media (min-width: 390px) { body { background-color: #000000; color: rgba(complement(#000000), $text-opacity); } }
@media (min-width: 391px) { body { background-color: #3D0C02; color: rgba(complement(#3D0C02), $text-opacity); } }
@media (min-width: 392px) { body { background-color: #253529; color: rgba(complement(#253529), $text-opacity); } }
@media (min-width: 393px) { body { background-color: #3B3C36; color: rgba(complement(#3B3C36), $text-opacity); } }
@media (min-width: 394px) { body { background-color: #FFEBCD; color: rgba(complement(#FFEBCD), $text-opacity); } }
@media (min-width: 395px) { body { background-color: #A57164; color: rgba(complement(#A57164), $text-opacity); } }
@media (min-width: 396px) { body { background-color: #318CE7; color: rgba(complement(#318CE7), $text-opacity); } }
@media (min-width: 397px) { body { background-color: #ACE5EE; color: rgba(complement(#ACE5EE), $text-opacity); } }
@media (min-width: 398px) { body { background-color: #FAF0BE; color: rgba(complement(#FAF0BE), $text-opacity); } }
@media (min-width: 399px) { body { background-color: #0000FF; color: rgba(complement(#0000FF), $text-opacity); } }
@media (min-width: 400px) { body { background-color: #1F75FE; color: rgba(complement(#1F75FE), $text-opacity); } }
@media (min-width: 401px) { body { background-color: #0093AF; color: rgba(complement(#0093AF), $text-opacity); } }
@media (min-width: 402px) { body { background-color: #0087BD; color: rgba(complement(#0087BD), $text-opacity); } }
@media (min-width: 403px) { body { background-color: #0018A8; color: rgba(complement(#0018A8), $text-opacity); } }
@media (min-width: 404px) { body { background-color: #333399; color: rgba(complement(#333399), $text-opacity); } }
@media (min-width: 405px) { body { background-color: #0247FE; color: rgba(complement(#0247FE), $text-opacity); } }
@media (min-width: 406px) { body { background-color: #A2A2D0; color: rgba(complement(#A2A2D0), $text-opacity); } }
@media (min-width: 407px) { body { background-color: #6699CC; color: rgba(complement(#6699CC), $text-opacity); } }
@media (min-width: 408px) { body { background-color: #0D98BA; color: rgba(complement(#0D98BA), $text-opacity); } }
@media (min-width: 409px) { body { background-color: #126180; color: rgba(complement(#126180), $text-opacity); } }
@media (min-width: 410px) { body { background-color: #8A2BE2; color: rgba(complement(#8A2BE2), $text-opacity); } }
@media (min-width: 411px) { body { background-color: #5072A7; color: rgba(complement(#5072A7), $text-opacity); } }
@media (min-width: 412px) { body { background-color: #4F86F7; color: rgba(complement(#4F86F7), $text-opacity); } }
@media (min-width: 413px) { body { background-color: #1C1CF0; color: rgba(complement(#1C1CF0), $text-opacity); } }
@media (min-width: 414px) { body { background-color: #DE5D83; color: rgba(complement(#DE5D83), $text-opacity); } }
@media (min-width: 415px) { body { background-color: #79443B; color: rgba(complement(#79443B), $text-opacity); } }
@media (min-width: 416px) { body { background-color: #0095B6; color: rgba(complement(#0095B6), $text-opacity); } }
@media (min-width: 417px) { body { background-color: #E3DAC9; color: rgba(complement(#E3DAC9), $text-opacity); } }
@media (min-width: 418px) { body { background-color: #CC0000; color: rgba(complement(#CC0000), $text-opacity); } }
@media (min-width: 419px) { body { background-color: #006A4E; color: rgba(complement(#006A4E), $text-opacity); } }
@media (min-width: 420px) { body { background-color: #873260; color: rgba(complement(#873260), $text-opacity); } }
@media (min-width: 421px) { body { background-color: #0070FF; color: rgba(complement(#0070FF), $text-opacity); } }
@media (min-width: 422px) { body { background-color: #B5A642; color: rgba(complement(#B5A642), $text-opacity); } }
@media (min-width: 423px) { body { background-color: #CB4154; color: rgba(complement(#CB4154), $text-opacity); } }
@media (min-width: 424px) { body { background-color: #1DACD6; color: rgba(complement(#1DACD6), $text-opacity); } }
@media (min-width: 425px) { body { background-color: #66FF00; color: rgba(complement(#66FF00), $text-opacity); } }
@media (min-width: 426px) { body { background-color: #BF94E4; color: rgba(complement(#BF94E4), $text-opacity); } }
@media (min-width: 427px) { body { background-color: #D891EF; color: rgba(complement(#D891EF), $text-opacity); } }
@media (min-width: 428px) { body { background-color: #C32148; color: rgba(complement(#C32148), $text-opacity); } }
@media (min-width: 429px) { body { background-color: #1974D2; color: rgba(complement(#1974D2), $text-opacity); } }
@media (min-width: 430px) { body { background-color: #FF007F; color: rgba(complement(#FF007F), $text-opacity); } }
@media (min-width: 431px) { body { background-color: #08E8DE; color: rgba(complement(#08E8DE), $text-opacity); } }
@media (min-width: 432px) { body { background-color: #D19FE8; color: rgba(complement(#D19FE8), $text-opacity); } }
@media (min-width: 433px) { body { background-color: #F4BBFF; color: rgba(complement(#F4BBFF), $text-opacity); } }
@media (min-width: 434px) { body { background-color: #FF55A3; color: rgba(complement(#FF55A3), $text-opacity); } }
@media (min-width: 435px) { body { background-color: #FB607F; color: rgba(complement(#FB607F), $text-opacity); } }
@media (min-width: 436px) { body { background-color: #004225; color: rgba(complement(#004225), $text-opacity); } }
@media (min-width: 437px) { body { background-color: #CD7F32; color: rgba(complement(#CD7F32), $text-opacity); } }
@media (min-width: 438px) { body { background-color: #737000; color: rgba(complement(#737000), $text-opacity); } }
@media (min-width: 439px) { body { background-color: #964B00; color: rgba(complement(#964B00), $text-opacity); } }
@media (min-width: 440px) { body { background-color: #A52A2A; color: rgba(complement(#A52A2A), $text-opacity); } }
@media (min-width: 441px) { body { background-color: #6B4423; color: rgba(complement(#6B4423), $text-opacity); } }
@media (min-width: 442px) { body { background-color: #1B4D3E; color: rgba(complement(#1B4D3E), $text-opacity); } }
@media (min-width: 443px) { body { background-color: #FFC1CC; color: rgba(complement(#FFC1CC), $text-opacity); } }
@media (min-width: 444px) { body { background-color: #E7FEFF; color: rgba(complement(#E7FEFF), $text-opacity); } }
@media (min-width: 445px) { body { background-color: #F0DC82; color: rgba(complement(#F0DC82), $text-opacity); } }
@media (min-width: 446px) { body { background-color: #7BB661; color: rgba(complement(#7BB661), $text-opacity); } }
@media (min-width: 447px) { body { background-color: #480607; color: rgba(complement(#480607), $text-opacity); } }
@media (min-width: 448px) { body { background-color: #800020; color: rgba(complement(#800020), $text-opacity); } }
@media (min-width: 449px) { body { background-color: #DEB887; color: rgba(complement(#DEB887), $text-opacity); } }
@media (min-width: 450px) { body { background-color: #CC5500; color: rgba(complement(#CC5500), $text-opacity); } }
@media (min-width: 451px) { body { background-color: #E97451; color: rgba(complement(#E97451), $text-opacity); } }
@media (min-width: 452px) { body { background-color: #8A3324; color: rgba(complement(#8A3324), $text-opacity); } }
@media (min-width: 453px) { body { background-color: #BD33A4; color: rgba(complement(#BD33A4), $text-opacity); } }
@media (min-width: 454px) { body { background-color: #702963; color: rgba(complement(#702963), $text-opacity); } }
@media (min-width: 455px) { body { background-color: #536872; color: rgba(complement(#536872), $text-opacity); } }
@media (min-width: 456px) { body { background-color: #5F9EA0; color: rgba(complement(#5F9EA0), $text-opacity); } }
@media (min-width: 457px) { body { background-color: #91A3B0; color: rgba(complement(#91A3B0), $text-opacity); } }
@media (min-width: 458px) { body { background-color: #006B3C; color: rgba(complement(#006B3C), $text-opacity); } }
@media (min-width: 459px) { body { background-color: #ED872D; color: rgba(complement(#ED872D), $text-opacity); } }
@media (min-width: 460px) { body { background-color: #E30022; color: rgba(complement(#E30022), $text-opacity); } }
@media (min-width: 461px) { body { background-color: #FFF600; color: rgba(complement(#FFF600), $text-opacity); } }
@media (min-width: 462px) { body { background-color: #A67B5B; color: rgba(complement(#A67B5B), $text-opacity); } }
@media (min-width: 463px) { body { background-color: #4B3621; color: rgba(complement(#4B3621), $text-opacity); } }
@media (min-width: 464px) { body { background-color: #1E4D2B; color: rgba(complement(#1E4D2B), $text-opacity); } }
@media (min-width: 465px) { body { background-color: #A3C1AD; color: rgba(complement(#A3C1AD), $text-opacity); } }
@media (min-width: 466px) { body { background-color: #C19A6B; color: rgba(complement(#C19A6B), $text-opacity); } }
@media (min-width: 467px) { body { background-color: #EFBBCC; color: rgba(complement(#EFBBCC), $text-opacity); } }
@media (min-width: 468px) { body { background-color: #78866B; color: rgba(complement(#78866B), $text-opacity); } }
@media (min-width: 469px) { body { background-color: #FFEF00; color: rgba(complement(#FFEF00), $text-opacity); } }
@media (min-width: 470px) { body { background-color: #FF0800; color: rgba(complement(#FF0800), $text-opacity); } }
@media (min-width: 471px) { body { background-color: #E4717A; color: rgba(complement(#E4717A), $text-opacity); } }
@media (min-width: 472px) { body { background-color: #00BFFF; color: rgba(complement(#00BFFF), $text-opacity); } }
@media (min-width: 473px) { body { background-color: #592720; color: rgba(complement(#592720), $text-opacity); } }
@media (min-width: 474px) { body { background-color: #C41E3A; color: rgba(complement(#C41E3A), $text-opacity); } }
@media (min-width: 475px) { body { background-color: #00CC99; color: rgba(complement(#00CC99), $text-opacity); } }
@media (min-width: 476px) { body { background-color: #960018; color: rgba(complement(#960018), $text-opacity); } }
@media (min-width: 477px) { body { background-color: #D70040; color: rgba(complement(#D70040), $text-opacity); } }
@media (min-width: 478px) { body { background-color: #EB4C42; color: rgba(complement(#EB4C42), $text-opacity); } }
@media (min-width: 479px) { body { background-color: #FF0038; color: rgba(complement(#FF0038), $text-opacity); } }
@media (min-width: 480px) { body { background-color: #FFA6C9; color: rgba(complement(#FFA6C9), $text-opacity); } }
@media (min-width: 481px) { body { background-color: #B31B1B; color: rgba(complement(#B31B1B), $text-opacity); } }
@media (min-width: 482px) { body { background-color: #56A0D3; color: rgba(complement(#56A0D3), $text-opacity); } }
@media (min-width: 483px) { body { background-color: #ED9121; color: rgba(complement(#ED9121), $text-opacity); } }
@media (min-width: 484px) { body { background-color: #00563F; color: rgba(complement(#00563F), $text-opacity); } }
@media (min-width: 485px) { body { background-color: #062A78; color: rgba(complement(#062A78), $text-opacity); } }
@media (min-width: 486px) { body { background-color: #703642; color: rgba(complement(#703642), $text-opacity); } }
@media (min-width: 487px) { body { background-color: #C95A49; color: rgba(complement(#C95A49), $text-opacity); } }
@media (min-width: 488px) { body { background-color: #92A1CF; color: rgba(complement(#92A1CF), $text-opacity); } }
@media (min-width: 489px) { body { background-color: #ACE1AF; color: rgba(complement(#ACE1AF), $text-opacity); } }
@media (min-width: 490px) { body { background-color: #007BA7; color: rgba(complement(#007BA7), $text-opacity); } }
@media (min-width: 491px) { body { background-color: #2F847C; color: rgba(complement(#2F847C), $text-opacity); } }
@media (min-width: 492px) { body { background-color: #B2FFFF; color: rgba(complement(#B2FFFF), $text-opacity); } }
@media (min-width: 493px) { body { background-color: #4997D0; color: rgba(complement(#4997D0), $text-opacity); } }
@media (min-width: 494px) { body { background-color: #DE3163; color: rgba(complement(#DE3163), $text-opacity); } }
@media (min-width: 495px) { body { background-color: #EC3B83; color: rgba(complement(#EC3B83), $text-opacity); } }
@media (min-width: 496px) { body { background-color: #007BA7; color: rgba(complement(#007BA7), $text-opacity); } }
@media (min-width: 497px) { body { background-color: #2A52BE; color: rgba(complement(#2A52BE), $text-opacity); } }
@media (min-width: 498px) { body { background-color: #6D9BC3; color: rgba(complement(#6D9BC3), $text-opacity); } }
@media (min-width: 499px) { body { background-color: #007AA5; color: rgba(complement(#007AA5), $text-opacity); } }
@media (min-width: 500px) { body { background-color: #E03C31; color: rgba(complement(#E03C31), $text-opacity); } }
@media (min-width: 501px) { body { background-color: #A0785A; color: rgba(complement(#A0785A), $text-opacity); } }
@media (min-width: 502px) { body { background-color: #F7E7CE; color: rgba(complement(#F7E7CE), $text-opacity); } }
@media (min-width: 503px) { body { background-color: #36454F; color: rgba(complement(#36454F), $text-opacity); } }
@media (min-width: 504px) { body { background-color: #232B2B; color: rgba(complement(#232B2B), $text-opacity); } }
@media (min-width: 505px) { body { background-color: #E68FAC; color: rgba(complement(#E68FAC), $text-opacity); } }
@media (min-width: 506px) { body { background-color: #DFFF00; color: rgba(complement(#DFFF00), $text-opacity); } }
@media (min-width: 507px) { body { background-color: #7FFF00; color: rgba(complement(#7FFF00), $text-opacity); } }
@media (min-width: 508px) { body { background-color: #DE3163; color: rgba(complement(#DE3163), $text-opacity); } }
@media (min-width: 509px) { body { background-color: #FFB7C5; color: rgba(complement(#FFB7C5), $text-opacity); } }
@media (min-width: 510px) { body { background-color: #954535; color: rgba(complement(#954535), $text-opacity); } }
@media (min-width: 511px) { body { background-color: #DE6FA1; color: rgba(complement(#DE6FA1), $text-opacity); } }
@media (min-width: 512px) { body { background-color: #A8516E; color: rgba(complement(#A8516E), $text-opacity); } }
@media (min-width: 513px) { body { background-color: #AA381E; color: rgba(complement(#AA381E), $text-opacity); } }
@media (min-width: 514px) { body { background-color: #856088; color: rgba(complement(#856088), $text-opacity); } }
@media (min-width: 515px) { body { background-color: #7B3F00; color: rgba(complement(#7B3F00), $text-opacity); } }
@media (min-width: 516px) { body { background-color: #D2691E; color: rgba(complement(#D2691E), $text-opacity); } }
@media (min-width: 517px) { body { background-color: #FFA700; color: rgba(complement(#FFA700), $text-opacity); } }
@media (min-width: 518px) { body { background-color: #98817B; color: rgba(complement(#98817B), $text-opacity); } }
@media (min-width: 519px) { body { background-color: #E34234; color: rgba(complement(#E34234), $text-opacity); } }
@media (min-width: 520px) { body { background-color: #D2691E; color: rgba(complement(#D2691E), $text-opacity); } }
@media (min-width: 521px) { body { background-color: #E4D00A; color: rgba(complement(#E4D00A), $text-opacity); } }
@media (min-width: 522px) { body { background-color: #9FA91F; color: rgba(complement(#9FA91F), $text-opacity); } }
@media (min-width: 523px) { body { background-color: #7F1734; color: rgba(complement(#7F1734), $text-opacity); } }
@media (min-width: 524px) { body { background-color: #FBCCE7; color: rgba(complement(#FBCCE7), $text-opacity); } }
@media (min-width: 525px) { body { background-color: #0047AB; color: rgba(complement(#0047AB), $text-opacity); } }
@media (min-width: 526px) { body { background-color: #D2691E; color: rgba(complement(#D2691E), $text-opacity); } }
@media (min-width: 527px) { body { background-color: #965A3E; color: rgba(complement(#965A3E), $text-opacity); } }
@media (min-width: 528px) { body { background-color: #6F4E37; color: rgba(complement(#6F4E37), $text-opacity); } }
@media (min-width: 529px) { body { background-color: #C4D8E2; color: rgba(complement(#C4D8E2), $text-opacity); } }
@media (min-width: 530px) { body { background-color: #F88379; color: rgba(complement(#F88379), $text-opacity); } }
@media (min-width: 531px) { body { background-color: #000000; color: rgba(complement(#000000), $text-opacity); } }
@media (min-width: 532px) { body { background-color: #8C92AC; color: rgba(complement(#8C92AC), $text-opacity); } }
@media (min-width: 533px) { body { background-color: #B87333; color: rgba(complement(#B87333), $text-opacity); } }
@media (min-width: 534px) { body { background-color: #DA8A67; color: rgba(complement(#DA8A67), $text-opacity); } }
@media (min-width: 535px) { body { background-color: #AD6F69; color: rgba(complement(#AD6F69), $text-opacity); } }
@media (min-width: 536px) { body { background-color: #CB6D51; color: rgba(complement(#CB6D51), $text-opacity); } }
@media (min-width: 537px) { body { background-color: #996666; color: rgba(complement(#996666), $text-opacity); } }
@media (min-width: 538px) { body { background-color: #FF3800; color: rgba(complement(#FF3800), $text-opacity); } }
@media (min-width: 539px) { body { background-color: #FF7F50; color: rgba(complement(#FF7F50), $text-opacity); } }
@media (min-width: 540px) { body { background-color: #F88379; color: rgba(complement(#F88379), $text-opacity); } }
@media (min-width: 541px) { body { background-color: #FF4040; color: rgba(complement(#FF4040), $text-opacity); } }
@media (min-width: 542px) { body { background-color: #893F45; color: rgba(complement(#893F45), $text-opacity); } }
@media (min-width: 543px) { body { background-color: #FBEC5D; color: rgba(complement(#FBEC5D), $text-opacity); } }
@media (min-width: 544px) { body { background-color: #B31B1B; color: rgba(complement(#B31B1B), $text-opacity); } }
@media (min-width: 545px) { body { background-color: #6495ED; color: rgba(complement(#6495ED), $text-opacity); } }
@media (min-width: 546px) { body { background-color: #FFF8DC; color: rgba(complement(#FFF8DC), $text-opacity); } }
@media (min-width: 547px) { body { background-color: #FFF8E7; color: rgba(complement(#FFF8E7), $text-opacity); } }
@media (min-width: 548px) { body { background-color: #FFBCD9; color: rgba(complement(#FFBCD9), $text-opacity); } }
@media (min-width: 549px) { body { background-color: #FFFDD0; color: rgba(complement(#FFFDD0), $text-opacity); } }
@media (min-width: 550px) { body { background-color: #DC143C; color: rgba(complement(#DC143C), $text-opacity); } }
@media (min-width: 551px) { body { background-color: #BE0032; color: rgba(complement(#BE0032), $text-opacity); } }
@media (min-width: 552px) { body { background-color: #00FFFF; color: rgba(complement(#00FFFF), $text-opacity); } }
@media (min-width: 553px) { body { background-color: #00B7EB; color: rgba(complement(#00B7EB), $text-opacity); } }
@media (min-width: 554px) { body { background-color: #58427C; color: rgba(complement(#58427C), $text-opacity); } }
@media (min-width: 555px) { body { background-color: #FFD300; color: rgba(complement(#FFD300), $text-opacity); } }
@media (min-width: 556px) { body { background-color: #FFFF31; color: rgba(complement(#FFFF31), $text-opacity); } }
@media (min-width: 557px) { body { background-color: #F0E130; color: rgba(complement(#F0E130), $text-opacity); } }
@media (min-width: 558px) { body { background-color: #00008B; color: rgba(complement(#00008B), $text-opacity); } }
@media (min-width: 559px) { body { background-color: #666699; color: rgba(complement(#666699), $text-opacity); } }
@media (min-width: 560px) { body { background-color: #654321; color: rgba(complement(#654321), $text-opacity); } }
@media (min-width: 561px) { body { background-color: #5D3954; color: rgba(complement(#5D3954), $text-opacity); } }
@media (min-width: 562px) { body { background-color: #A40000; color: rgba(complement(#A40000), $text-opacity); } }
@media (min-width: 563px) { body { background-color: #08457E; color: rgba(complement(#08457E), $text-opacity); } }
@media (min-width: 564px) { body { background-color: #986960; color: rgba(complement(#986960), $text-opacity); } }
@media (min-width: 565px) { body { background-color: #CD5B45; color: rgba(complement(#CD5B45), $text-opacity); } }
@media (min-width: 566px) { body { background-color: #008B8B; color: rgba(complement(#008B8B), $text-opacity); } }
@media (min-width: 567px) { body { background-color: #536878; color: rgba(complement(#536878), $text-opacity); } }
@media (min-width: 568px) { body { background-color: #B8860B; color: rgba(complement(#B8860B), $text-opacity); } }
@media (min-width: 569px) { body { background-color: #A9A9A9; color: rgba(complement(#A9A9A9), $text-opacity); } }
@media (min-width: 570px) { body { background-color: #013220; color: rgba(complement(#013220), $text-opacity); } }
@media (min-width: 571px) { body { background-color: #006400; color: rgba(complement(#006400), $text-opacity); } }
@media (min-width: 572px) { body { background-color: #00416A; color: rgba(complement(#00416A), $text-opacity); } }
@media (min-width: 573px) { body { background-color: #1A2421; color: rgba(complement(#1A2421), $text-opacity); } }
@media (min-width: 574px) { body { background-color: #BDB76B; color: rgba(complement(#BDB76B), $text-opacity); } }
@media (min-width: 575px) { body { background-color: #483C32; color: rgba(complement(#483C32), $text-opacity); } }
@media (min-width: 576px) { body { background-color: #734F96; color: rgba(complement(#734F96), $text-opacity); } }
@media (min-width: 577px) { body { background-color: #534B4F; color: rgba(complement(#534B4F), $text-opacity); } }
@media (min-width: 578px) { body { background-color: #543D37; color: rgba(complement(#543D37), $text-opacity); } }
@media (min-width: 579px) { body { background-color: #8B008B; color: rgba(complement(#8B008B), $text-opacity); } }
@media (min-width: 580px) { body { background-color: #A9A9A9; color: rgba(complement(#A9A9A9), $text-opacity); } }
@media (min-width: 581px) { body { background-color: #003366; color: rgba(complement(#003366), $text-opacity); } }
@media (min-width: 582px) { body { background-color: #4A5D23; color: rgba(complement(#4A5D23), $text-opacity); } }
@media (min-width: 583px) { body { background-color: #556B2F; color: rgba(complement(#556B2F), $text-opacity); } }
@media (min-width: 584px) { body { background-color: #FF8C00; color: rgba(complement(#FF8C00), $text-opacity); } }
@media (min-width: 585px) { body { background-color: #9932CC; color: rgba(complement(#9932CC), $text-opacity); } }
@media (min-width: 586px) { body { background-color: #779ECB; color: rgba(complement(#779ECB), $text-opacity); } }
@media (min-width: 587px) { body { background-color: #03C03C; color: rgba(complement(#03C03C), $text-opacity); } }
@media (min-width: 588px) { body { background-color: #966FD6; color: rgba(complement(#966FD6), $text-opacity); } }
@media (min-width: 589px) { body { background-color: #C23B22; color: rgba(complement(#C23B22), $text-opacity); } }
@media (min-width: 590px) { body { background-color: #E75480; color: rgba(complement(#E75480), $text-opacity); } }
@media (min-width: 591px) { body { background-color: #003399; color: rgba(complement(#003399), $text-opacity); } }
@media (min-width: 592px) { body { background-color: #4F3A3C; color: rgba(complement(#4F3A3C), $text-opacity); } }
@media (min-width: 593px) { body { background-color: #872657; color: rgba(complement(#872657), $text-opacity); } }
@media (min-width: 594px) { body { background-color: #8B0000; color: rgba(complement(#8B0000), $text-opacity); } }
@media (min-width: 595px) { body { background-color: #E9967A; color: rgba(complement(#E9967A), $text-opacity); } }
@media (min-width: 596px) { body { background-color: #560319; color: rgba(complement(#560319), $text-opacity); } }
@media (min-width: 597px) { body { background-color: #8FBC8F; color: rgba(complement(#8FBC8F), $text-opacity); } }
@media (min-width: 598px) { body { background-color: #3C1414; color: rgba(complement(#3C1414), $text-opacity); } }
@media (min-width: 599px) { body { background-color: #8CBED6; color: rgba(complement(#8CBED6), $text-opacity); } }
@media (min-width: 600px) { body { background-color: #483D8B; color: rgba(complement(#483D8B), $text-opacity); } }
@media (min-width: 601px) { body { background-color: #2F4F4F; color: rgba(complement(#2F4F4F), $text-opacity); } }
@media (min-width: 602px) { body { background-color: #177245; color: rgba(complement(#177245), $text-opacity); } }
@media (min-width: 603px) { body { background-color: #918151; color: rgba(complement(#918151), $text-opacity); } }
@media (min-width: 604px) { body { background-color: #FFA812; color: rgba(complement(#FFA812), $text-opacity); } }
@media (min-width: 605px) { body { background-color: #483C32; color: rgba(complement(#483C32), $text-opacity); } }
@media (min-width: 606px) { body { background-color: #CC4E5C; color: rgba(complement(#CC4E5C), $text-opacity); } }
@media (min-width: 607px) { body { background-color: #00CED1; color: rgba(complement(#00CED1), $text-opacity); } }
@media (min-width: 608px) { body { background-color: #D1BEA8; color: rgba(complement(#D1BEA8), $text-opacity); } }
@media (min-width: 609px) { body { background-color: #9400D3; color: rgba(complement(#9400D3), $text-opacity); } }
@media (min-width: 610px) { body { background-color: #9B870C; color: rgba(complement(#9B870C), $text-opacity); } }
@media (min-width: 611px) { body { background-color: #00703C; color: rgba(complement(#00703C), $text-opacity); } }
@media (min-width: 612px) { body { background-color: #555555; color: rgba(complement(#555555), $text-opacity); } }
@media (min-width: 613px) { body { background-color: #D70A53; color: rgba(complement(#D70A53), $text-opacity); } }
@media (min-width: 614px) { body { background-color: #A9203E; color: rgba(complement(#A9203E), $text-opacity); } }
@media (min-width: 615px) { body { background-color: #EF3038; color: rgba(complement(#EF3038), $text-opacity); } }
@media (min-width: 616px) { body { background-color: #E9692C; color: rgba(complement(#E9692C), $text-opacity); } }
@media (min-width: 617px) { body { background-color: #DA3287; color: rgba(complement(#DA3287), $text-opacity); } }
@media (min-width: 618px) { body { background-color: #FAD6A5; color: rgba(complement(#FAD6A5), $text-opacity); } }
@media (min-width: 619px) { body { background-color: #B94E48; color: rgba(complement(#B94E48), $text-opacity); } }
@media (min-width: 620px) { body { background-color: #704241; color: rgba(complement(#704241), $text-opacity); } }
@media (min-width: 621px) { body { background-color: #C154C1; color: rgba(complement(#C154C1), $text-opacity); } }
@media (min-width: 622px) { body { background-color: #004B49; color: rgba(complement(#004B49), $text-opacity); } }
@media (min-width: 623px) { body { background-color: #F5C71A; color: rgba(complement(#F5C71A), $text-opacity); } }
@media (min-width: 624px) { body { background-color: #9955BB; color: rgba(complement(#9955BB), $text-opacity); } }
@media (min-width: 625px) { body { background-color: #CC00CC; color: rgba(complement(#CC00CC), $text-opacity); } }
@media (min-width: 626px) { body { background-color: #D473D4; color: rgba(complement(#D473D4), $text-opacity); } }
@media (min-width: 627px) { body { background-color: #355E3B; color: rgba(complement(#355E3B), $text-opacity); } }
@media (min-width: 628px) { body { background-color: #FFCBA4; color: rgba(complement(#FFCBA4), $text-opacity); } }
@media (min-width: 629px) { body { background-color: #FF1493; color: rgba(complement(#FF1493), $text-opacity); } }
@media (min-width: 630px) { body { background-color: #A95C68; color: rgba(complement(#A95C68), $text-opacity); } }
@media (min-width: 631px) { body { background-color: #843F5B; color: rgba(complement(#843F5B), $text-opacity); } }
@media (min-width: 632px) { body { background-color: #FF9933; color: rgba(complement(#FF9933), $text-opacity); } }
@media (min-width: 633px) { body { background-color: #00BFFF; color: rgba(complement(#00BFFF), $text-opacity); } }
@media (min-width: 634px) { body { background-color: #4A646C; color: rgba(complement(#4A646C), $text-opacity); } }
@media (min-width: 635px) { body { background-color: #7E5E60; color: rgba(complement(#7E5E60), $text-opacity); } }
@media (min-width: 636px) { body { background-color: #66424D; color: rgba(complement(#66424D), $text-opacity); } }
@media (min-width: 637px) { body { background-color: #BA8759; color: rgba(complement(#BA8759), $text-opacity); } }
@media (min-width: 638px) { body { background-color: #1560BD; color: rgba(complement(#1560BD), $text-opacity); } }
@media (min-width: 639px) { body { background-color: #C19A6B; color: rgba(complement(#C19A6B), $text-opacity); } }
@media (min-width: 640px) { body { background-color: #EDC9AF; color: rgba(complement(#EDC9AF), $text-opacity); } }
@media (min-width: 641px) { body { background-color: #EA3C53; color: rgba(complement(#EA3C53), $text-opacity); } }
@media (min-width: 642px) { body { background-color: #B9F2FF; color: rgba(complement(#B9F2FF), $text-opacity); } }
@media (min-width: 643px) { body { background-color: #696969; color: rgba(complement(#696969), $text-opacity); } }
@media (min-width: 644px) { body { background-color: #9B7653; color: rgba(complement(#9B7653), $text-opacity); } }
@media (min-width: 645px) { body { background-color: #1E90FF; color: rgba(complement(#1E90FF), $text-opacity); } }
@media (min-width: 646px) { body { background-color: #D71868; color: rgba(complement(#D71868), $text-opacity); } }
@media (min-width: 647px) { body { background-color: #85BB65; color: rgba(complement(#85BB65), $text-opacity); } }
@media (min-width: 648px) { body { background-color: #664C28; color: rgba(complement(#664C28), $text-opacity); } }
@media (min-width: 649px) { body { background-color: #967117; color: rgba(complement(#967117), $text-opacity); } }
@media (min-width: 650px) { body { background-color: #00009C; color: rgba(complement(#00009C), $text-opacity); } }
@media (min-width: 651px) { body { background-color: #E5CCC9; color: rgba(complement(#E5CCC9), $text-opacity); } }
@media (min-width: 652px) { body { background-color: #EFDFBB; color: rgba(complement(#EFDFBB), $text-opacity); } }
@media (min-width: 653px) { body { background-color: #E1A95F; color: rgba(complement(#E1A95F), $text-opacity); } }
@media (min-width: 654px) { body { background-color: #555D50; color: rgba(complement(#555D50), $text-opacity); } }
@media (min-width: 655px) { body { background-color: #C2B280; color: rgba(complement(#C2B280), $text-opacity); } }
@media (min-width: 656px) { body { background-color: #1B1B1B; color: rgba(complement(#1B1B1B), $text-opacity); } }
@media (min-width: 657px) { body { background-color: #614051; color: rgba(complement(#614051), $text-opacity); } }
@media (min-width: 658px) { body { background-color: #F0EAD6; color: rgba(complement(#F0EAD6), $text-opacity); } }
@media (min-width: 659px) { body { background-color: #1034A6; color: rgba(complement(#1034A6), $text-opacity); } }
@media (min-width: 660px) { body { background-color: #7DF9FF; color: rgba(complement(#7DF9FF), $text-opacity); } }
@media (min-width: 661px) { body { background-color: #FF003F; color: rgba(complement(#FF003F), $text-opacity); } }
@media (min-width: 662px) { body { background-color: #00FFFF; color: rgba(complement(#00FFFF), $text-opacity); } }
@media (min-width: 663px) { body { background-color: #00FF00; color: rgba(complement(#00FF00), $text-opacity); } }
@media (min-width: 664px) { body { background-color: #6F00FF; color: rgba(complement(#6F00FF), $text-opacity); } }
@media (min-width: 665px) { body { background-color: #F4BBFF; color: rgba(complement(#F4BBFF), $text-opacity); } }
@media (min-width: 666px) { body { background-color: #CCFF00; color: rgba(complement(#CCFF00), $text-opacity); } }
@media (min-width: 667px) { body { background-color: #BF00FF; color: rgba(complement(#BF00FF), $text-opacity); } }
@media (min-width: 668px) { body { background-color: #3F00FF; color: rgba(complement(#3F00FF), $text-opacity); } }
@media (min-width: 669px) { body { background-color: #8F00FF; color: rgba(complement(#8F00FF), $text-opacity); } }
@media (min-width: 670px) { body { background-color: #FFFF33; color: rgba(complement(#FFFF33), $text-opacity); } }
@media (min-width: 671px) { body { background-color: #50C878; color: rgba(complement(#50C878), $text-opacity); } }
@media (min-width: 672px) { body { background-color: #6C3082; color: rgba(complement(#6C3082), $text-opacity); } }
@media (min-width: 673px) { body { background-color: #1B4D3E; color: rgba(complement(#1B4D3E), $text-opacity); } }
@media (min-width: 674px) { body { background-color: #B48395; color: rgba(complement(#B48395), $text-opacity); } }
@media (min-width: 675px) { body { background-color: #AB4B52; color: rgba(complement(#AB4B52), $text-opacity); } }
@media (min-width: 676px) { body { background-color: #563C5C; color: rgba(complement(#563C5C), $text-opacity); } }
@media (min-width: 677px) { body { background-color: #96C8A2; color: rgba(complement(#96C8A2), $text-opacity); } }
@media (min-width: 678px) { body { background-color: #44D7A8; color: rgba(complement(#44D7A8), $text-opacity); } }
@media (min-width: 679px) { body { background-color: #C19A6B; color: rgba(complement(#C19A6B), $text-opacity); } }
@media (min-width: 680px) { body { background-color: #801818; color: rgba(complement(#801818), $text-opacity); } }
@media (min-width: 681px) { body { background-color: #B53389; color: rgba(complement(#B53389), $text-opacity); } }
@media (min-width: 682px) { body { background-color: #DE5285; color: rgba(complement(#DE5285), $text-opacity); } }
@media (min-width: 683px) { body { background-color: #F400A1; color: rgba(complement(#F400A1), $text-opacity); } }
@media (min-width: 684px) { body { background-color: #E5AA70; color: rgba(complement(#E5AA70), $text-opacity); } }
@media (min-width: 685px) { body { background-color: #4D5D53; color: rgba(complement(#4D5D53), $text-opacity); } }
@media (min-width: 686px) { body { background-color: #FDD5B1; color: rgba(complement(#FDD5B1), $text-opacity); } }
@media (min-width: 687px) { body { background-color: #4F7942; color: rgba(complement(#4F7942), $text-opacity); } }
@media (min-width: 688px) { body { background-color: #FF2800; color: rgba(complement(#FF2800), $text-opacity); } }
@media (min-width: 689px) { body { background-color: #6C541E; color: rgba(complement(#6C541E), $text-opacity); } }
@media (min-width: 690px) { body { background-color: #B22222; color: rgba(complement(#B22222), $text-opacity); } }
@media (min-width: 691px) { body { background-color: #CE2029; color: rgba(complement(#CE2029), $text-opacity); } }
@media (min-width: 692px) { body { background-color: #E25822; color: rgba(complement(#E25822), $text-opacity); } }
@media (min-width: 693px) { body { background-color: #FC8EAC; color: rgba(complement(#FC8EAC), $text-opacity); } }
@media (min-width: 694px) { body { background-color: #6B4423; color: rgba(complement(#6B4423), $text-opacity); } }
@media (min-width: 695px) { body { background-color: #F7E98E; color: rgba(complement(#F7E98E), $text-opacity); } }
@media (min-width: 696px) { body { background-color: #EEDC82; color: rgba(complement(#EEDC82), $text-opacity); } }
@media (min-width: 697px) { body { background-color: #A2006D; color: rgba(complement(#A2006D), $text-opacity); } }
@media (min-width: 698px) { body { background-color: #FFFAF0; color: rgba(complement(#FFFAF0), $text-opacity); } }
@media (min-width: 699px) { body { background-color: #FFBF00; color: rgba(complement(#FFBF00), $text-opacity); } }
@media (min-width: 700px) { body { background-color: #FF1493; color: rgba(complement(#FF1493), $text-opacity); } }
@media (min-width: 701px) { body { background-color: #CCFF00; color: rgba(complement(#CCFF00), $text-opacity); } }
@media (min-width: 702px) { body { background-color: #FF004F; color: rgba(complement(#FF004F), $text-opacity); } }
@media (min-width: 703px) { body { background-color: #014421; color: rgba(complement(#014421), $text-opacity); } }
@media (min-width: 704px) { body { background-color: #228B22; color: rgba(complement(#228B22), $text-opacity); } }
@media (min-width: 705px) { body { background-color: #A67B5B; color: rgba(complement(#A67B5B), $text-opacity); } }
@media (min-width: 706px) { body { background-color: #856D4D; color: rgba(complement(#856D4D), $text-opacity); } }
@media (min-width: 707px) { body { background-color: #0072BB; color: rgba(complement(#0072BB), $text-opacity); } }
@media (min-width: 708px) { body { background-color: #FD3F92; color: rgba(complement(#FD3F92), $text-opacity); } }
@media (min-width: 709px) { body { background-color: #86608E; color: rgba(complement(#86608E), $text-opacity); } }
@media (min-width: 710px) { body { background-color: #9EFD38; color: rgba(complement(#9EFD38), $text-opacity); } }
@media (min-width: 711px) { body { background-color: #D473D4; color: rgba(complement(#D473D4), $text-opacity); } }
@media (min-width: 712px) { body { background-color: #FD6C9E; color: rgba(complement(#FD6C9E), $text-opacity); } }
@media (min-width: 713px) { body { background-color: #811453; color: rgba(complement(#811453), $text-opacity); } }
@media (min-width: 714px) { body { background-color: #4E1609; color: rgba(complement(#4E1609), $text-opacity); } }
@media (min-width: 715px) { body { background-color: #C72C48; color: rgba(complement(#C72C48), $text-opacity); } }
@media (min-width: 716px) { body { background-color: #F64A8A; color: rgba(complement(#F64A8A), $text-opacity); } }
@media (min-width: 717px) { body { background-color: #77B5FE; color: rgba(complement(#77B5FE), $text-opacity); } }
@media (min-width: 718px) { body { background-color: #8806CE; color: rgba(complement(#8806CE), $text-opacity); } }
@media (min-width: 719px) { body { background-color: #AC1E44; color: rgba(complement(#AC1E44), $text-opacity); } }
@media (min-width: 720px) { body { background-color: #A6E7FF; color: rgba(complement(#A6E7FF), $text-opacity); } }
@media (min-width: 721px) { body { background-color: #FF00FF; color: rgba(complement(#FF00FF), $text-opacity); } }
@media (min-width: 722px) { body { background-color: #C154C1; color: rgba(complement(#C154C1), $text-opacity); } }
@media (min-width: 723px) { body { background-color: #FF77FF; color: rgba(complement(#FF77FF), $text-opacity); } }
@media (min-width: 724px) { body { background-color: #CC397B; color: rgba(complement(#CC397B), $text-opacity); } }
@media (min-width: 725px) { body { background-color: #C74375; color: rgba(complement(#C74375), $text-opacity); } }
@media (min-width: 726px) { body { background-color: #E48400; color: rgba(complement(#E48400), $text-opacity); } }
@media (min-width: 727px) { body { background-color: #CC6666; color: rgba(complement(#CC6666), $text-opacity); } }
@media (min-width: 728px) { body { background-color: #DCDCDC; color: rgba(complement(#DCDCDC), $text-opacity); } }
@media (min-width: 729px) { body { background-color: #E49B0F; color: rgba(complement(#E49B0F), $text-opacity); } }
@media (min-width: 730px) { body { background-color: #007F66; color: rgba(complement(#007F66), $text-opacity); } }
@media (min-width: 731px) { body { background-color: #F8F8FF; color: rgba(complement(#F8F8FF), $text-opacity); } }
@media (min-width: 732px) { body { background-color: #FE5A1D; color: rgba(complement(#FE5A1D), $text-opacity); } }
@media (min-width: 733px) { body { background-color: #B06500; color: rgba(complement(#B06500), $text-opacity); } }
@media (min-width: 734px) { body { background-color: #6082B6; color: rgba(complement(#6082B6), $text-opacity); } }
@media (min-width: 735px) { body { background-color: #E6E8FA; color: rgba(complement(#E6E8FA), $text-opacity); } }
@media (min-width: 736px) { body { background-color: #00AB66; color: rgba(complement(#00AB66), $text-opacity); } }
@media (min-width: 737px) { body { background-color: #D4AF37; color: rgba(complement(#D4AF37), $text-opacity); } }
@media (min-width: 738px) { body { background-color: #FFD700; color: rgba(complement(#FFD700), $text-opacity); } }
@media (min-width: 739px) { body { background-color: #85754E; color: rgba(complement(#85754E), $text-opacity); } }
@media (min-width: 740px) { body { background-color: #996515; color: rgba(complement(#996515), $text-opacity); } }
@media (min-width: 741px) { body { background-color: #FCC200; color: rgba(complement(#FCC200), $text-opacity); } }
@media (min-width: 742px) { body { background-color: #FFDF00; color: rgba(complement(#FFDF00), $text-opacity); } }
@media (min-width: 743px) { body { background-color: #DAA520; color: rgba(complement(#DAA520), $text-opacity); } }
@media (min-width: 744px) { body { background-color: #A8E4A0; color: rgba(complement(#A8E4A0), $text-opacity); } }
@media (min-width: 745px) { body { background-color: #6F2DA8; color: rgba(complement(#6F2DA8), $text-opacity); } }
@media (min-width: 746px) { body { background-color: #808080; color: rgba(complement(#808080), $text-opacity); } }
@media (min-width: 747px) { body { background-color: #808080; color: rgba(complement(#808080), $text-opacity); } }
@media (min-width: 748px) { body { background-color: #BEBEBE; color: rgba(complement(#BEBEBE), $text-opacity); } }
@media (min-width: 749px) { body { background-color: #465945; color: rgba(complement(#465945), $text-opacity); } }
@media (min-width: 750px) { body { background-color: #8C92AC; color: rgba(complement(#8C92AC), $text-opacity); } }
@media (min-width: 751px) { body { background-color: #00FF00; color: rgba(complement(#00FF00), $text-opacity); } }
@media (min-width: 752px) { body { background-color: #1CAC78; color: rgba(complement(#1CAC78), $text-opacity); } }
@media (min-width: 753px) { body { background-color: #008000; color: rgba(complement(#008000), $text-opacity); } }
@media (min-width: 754px) { body { background-color: #00A877; color: rgba(complement(#00A877), $text-opacity); } }
@media (min-width: 755px) { body { background-color: #009F6B; color: rgba(complement(#009F6B), $text-opacity); } }
@media (min-width: 756px) { body { background-color: #00AD43; color: rgba(complement(#00AD43), $text-opacity); } }
@media (min-width: 757px) { body { background-color: #00A550; color: rgba(complement(#00A550), $text-opacity); } }
@media (min-width: 758px) { body { background-color: #66B032; color: rgba(complement(#66B032), $text-opacity); } }
@media (min-width: 759px) { body { background-color: #ADFF2F; color: rgba(complement(#ADFF2F), $text-opacity); } }
@media (min-width: 760px) { body { background-color: #A99A86; color: rgba(complement(#A99A86), $text-opacity); } }
@media (min-width: 761px) { body { background-color: #00FF7F; color: rgba(complement(#00FF7F), $text-opacity); } }
@media (min-width: 762px) { body { background-color: #663854; color: rgba(complement(#663854), $text-opacity); } }
@media (min-width: 763px) { body { background-color: #446CCF; color: rgba(complement(#446CCF), $text-opacity); } }
@media (min-width: 764px) { body { background-color: #5218FA; color: rgba(complement(#5218FA), $text-opacity); } }
@media (min-width: 765px) { body { background-color: #E9D66B; color: rgba(complement(#E9D66B), $text-opacity); } }
@media (min-width: 766px) { body { background-color: #3FFF00; color: rgba(complement(#3FFF00), $text-opacity); } }
@media (min-width: 767px) { body { background-color: #C90016; color: rgba(complement(#C90016), $text-opacity); } }
@media (min-width: 768px) { body { background-color: #DA9100; color: rgba(complement(#DA9100), $text-opacity); } }
@media (min-width: 769px) { body { background-color: #808000; color: rgba(complement(#808000), $text-opacity); } }
@media (min-width: 770px) { body { background-color: #DF73FF; color: rgba(complement(#DF73FF), $text-opacity); } }
@media (min-width: 771px) { body { background-color: #AA98A9; color: rgba(complement(#AA98A9), $text-opacity); } }
@media (min-width: 772px) { body { background-color: #F400A1; color: rgba(complement(#F400A1), $text-opacity); } }
@media (min-width: 773px) { body { background-color: #F0FFF0; color: rgba(complement(#F0FFF0), $text-opacity); } }
@media (min-width: 774px) { body { background-color: #006DB0; color: rgba(complement(#006DB0), $text-opacity); } }
@media (min-width: 775px) { body { background-color: #49796B; color: rgba(complement(#49796B), $text-opacity); } }
@media (min-width: 776px) { body { background-color: #FF1DCE; color: rgba(complement(#FF1DCE), $text-opacity); } }
@media (min-width: 777px) { body { background-color: #FF69B4; color: rgba(complement(#FF69B4), $text-opacity); } }
@media (min-width: 778px) { body { background-color: #355E3B; color: rgba(complement(#355E3B), $text-opacity); } }
@media (min-width: 779px) { body { background-color: #71A6D2; color: rgba(complement(#71A6D2), $text-opacity); } }
@media (min-width: 780px) { body { background-color: #FCF75E; color: rgba(complement(#FCF75E), $text-opacity); } }
@media (min-width: 781px) { body { background-color: #319177; color: rgba(complement(#319177), $text-opacity); } }
@media (min-width: 782px) { body { background-color: #602F6B; color: rgba(complement(#602F6B), $text-opacity); } }
@media (min-width: 783px) { body { background-color: #002395; color: rgba(complement(#002395), $text-opacity); } }
@media (min-width: 784px) { body { background-color: #66023C; color: rgba(complement(#66023C), $text-opacity); } }
@media (min-width: 785px) { body { background-color: #ED2939; color: rgba(complement(#ED2939), $text-opacity); } }
@media (min-width: 786px) { body { background-color: #B2EC5D; color: rgba(complement(#B2EC5D), $text-opacity); } }
@media (min-width: 787px) { body { background-color: #4C516D; color: rgba(complement(#4C516D), $text-opacity); } }
@media (min-width: 788px) { body { background-color: #138808; color: rgba(complement(#138808), $text-opacity); } }
@media (min-width: 789px) { body { background-color: #CD5C5C; color: rgba(complement(#CD5C5C), $text-opacity); } }
@media (min-width: 790px) { body { background-color: #E3A857; color: rgba(complement(#E3A857), $text-opacity); } }
@media (min-width: 791px) { body { background-color: #6F00FF; color: rgba(complement(#6F00FF), $text-opacity); } }
@media (min-width: 792px) { body { background-color: #4B0082; color: rgba(complement(#4B0082), $text-opacity); } }
@media (min-width: 793px) { body { background-color: #091F92; color: rgba(complement(#091F92), $text-opacity); } }
@media (min-width: 794px) { body { background-color: #002FA7; color: rgba(complement(#002FA7), $text-opacity); } }
@media (min-width: 795px) { body { background-color: #FF4F00; color: rgba(complement(#FF4F00), $text-opacity); } }
@media (min-width: 796px) { body { background-color: #BA160C; color: rgba(complement(#BA160C), $text-opacity); } }
@media (min-width: 797px) { body { background-color: #C0362C; color: rgba(complement(#C0362C), $text-opacity); } }
@media (min-width: 798px) { body { background-color: #5A4FCF; color: rgba(complement(#5A4FCF), $text-opacity); } }
@media (min-width: 799px) { body { background-color: #B3446C; color: rgba(complement(#B3446C), $text-opacity); } }
@media (min-width: 800px) { body { background-color: #F4F0EC; color: rgba(complement(#F4F0EC), $text-opacity); } }
@media (min-width: 801px) { body { background-color: #009000; color: rgba(complement(#009000), $text-opacity); } }
@media (min-width: 802px) { body { background-color: #B2FFFF; color: rgba(complement(#B2FFFF), $text-opacity); } }
@media (min-width: 803px) { body { background-color: #FFFFF0; color: rgba(complement(#FFFFF0), $text-opacity); } }
@media (min-width: 804px) { body { background-color: #00A86B; color: rgba(complement(#00A86B), $text-opacity); } }
@media (min-width: 805px) { body { background-color: #9D2933; color: rgba(complement(#9D2933), $text-opacity); } }
@media (min-width: 806px) { body { background-color: #264348; color: rgba(complement(#264348), $text-opacity); } }
@media (min-width: 807px) { body { background-color: #5B3256; color: rgba(complement(#5B3256), $text-opacity); } }
@media (min-width: 808px) { body { background-color: #F8DE7E; color: rgba(complement(#F8DE7E), $text-opacity); } }
@media (min-width: 809px) { body { background-color: #D73B3E; color: rgba(complement(#D73B3E), $text-opacity); } }
@media (min-width: 810px) { body { background-color: #A50B5E; color: rgba(complement(#A50B5E), $text-opacity); } }
@media (min-width: 811px) { body { background-color: #DA614E; color: rgba(complement(#DA614E), $text-opacity); } }
@media (min-width: 812px) { body { background-color: #343434; color: rgba(complement(#343434), $text-opacity); } }
@media (min-width: 813px) { body { background-color: #F4CA16; color: rgba(complement(#F4CA16), $text-opacity); } }
@media (min-width: 814px) { body { background-color: #8AB9F1; color: rgba(complement(#8AB9F1), $text-opacity); } }
@media (min-width: 815px) { body { background-color: #BDDA57; color: rgba(complement(#BDDA57), $text-opacity); } }
@media (min-width: 816px) { body { background-color: #29AB87; color: rgba(complement(#29AB87), $text-opacity); } }
@media (min-width: 817px) { body { background-color: #4CBB17; color: rgba(complement(#4CBB17), $text-opacity); } }
@media (min-width: 818px) { body { background-color: #7C1C05; color: rgba(complement(#7C1C05), $text-opacity); } }
@media (min-width: 819px) { body { background-color: #3AB09E; color: rgba(complement(#3AB09E), $text-opacity); } }
@media (min-width: 820px) { body { background-color: #C3B091; color: rgba(complement(#C3B091), $text-opacity); } }
@media (min-width: 821px) { body { background-color: #F0E68C; color: rgba(complement(#F0E68C), $text-opacity); } }
@media (min-width: 822px) { body { background-color: #882D17; color: rgba(complement(#882D17), $text-opacity); } }
@media (min-width: 823px) { body { background-color: #E79FC4; color: rgba(complement(#E79FC4), $text-opacity); } }
@media (min-width: 824px) { body { background-color: #354230; color: rgba(complement(#354230), $text-opacity); } }
@media (min-width: 825px) { body { background-color: #E8000D; color: rgba(complement(#E8000D), $text-opacity); } }
@media (min-width: 826px) { body { background-color: #087830; color: rgba(complement(#087830), $text-opacity); } }
@media (min-width: 827px) { body { background-color: #D6CADD; color: rgba(complement(#D6CADD), $text-opacity); } }
@media (min-width: 828px) { body { background-color: #26619C; color: rgba(complement(#26619C), $text-opacity); } }
@media (min-width: 829px) { body { background-color: #FFFF66; color: rgba(complement(#FFFF66), $text-opacity); } }
@media (min-width: 830px) { body { background-color: #A9BA9D; color: rgba(complement(#A9BA9D), $text-opacity); } }
@media (min-width: 831px) { body { background-color: #CF1020; color: rgba(complement(#CF1020), $text-opacity); } }
@media (min-width: 832px) { body { background-color: #B57EDC; color: rgba(complement(#B57EDC), $text-opacity); } }
@media (min-width: 833px) { body { background-color: #E6E6FA; color: rgba(complement(#E6E6FA), $text-opacity); } }
@media (min-width: 834px) { body { background-color: #CCCCFF; color: rgba(complement(#CCCCFF), $text-opacity); } }
@media (min-width: 835px) { body { background-color: #FFF0F5; color: rgba(complement(#FFF0F5), $text-opacity); } }
@media (min-width: 836px) { body { background-color: #C4C3D0; color: rgba(complement(#C4C3D0), $text-opacity); } }
@media (min-width: 837px) { body { background-color: #9457EB; color: rgba(complement(#9457EB), $text-opacity); } }
@media (min-width: 838px) { body { background-color: #EE82EE; color: rgba(complement(#EE82EE), $text-opacity); } }
@media (min-width: 839px) { body { background-color: #E6E6FA; color: rgba(complement(#E6E6FA), $text-opacity); } }
@media (min-width: 840px) { body { background-color: #FBAED2; color: rgba(complement(#FBAED2), $text-opacity); } }
@media (min-width: 841px) { body { background-color: #967BB6; color: rgba(complement(#967BB6), $text-opacity); } }
@media (min-width: 842px) { body { background-color: #FBA0E3; color: rgba(complement(#FBA0E3), $text-opacity); } }
@media (min-width: 843px) { body { background-color: #7CFC00; color: rgba(complement(#7CFC00), $text-opacity); } }
@media (min-width: 844px) { body { background-color: #FFF700; color: rgba(complement(#FFF700), $text-opacity); } }
@media (min-width: 845px) { body { background-color: #FFFACD; color: rgba(complement(#FFFACD), $text-opacity); } }
@media (min-width: 846px) { body { background-color: #CCA01D; color: rgba(complement(#CCA01D), $text-opacity); } }
@media (min-width: 847px) { body { background-color: #FDFF00; color: rgba(complement(#FDFF00), $text-opacity); } }
@media (min-width: 848px) { body { background-color: #E3FF00; color: rgba(complement(#E3FF00), $text-opacity); } }
@media (min-width: 849px) { body { background-color: #F6EABE; color: rgba(complement(#F6EABE), $text-opacity); } }
@media (min-width: 850px) { body { background-color: #FFF44F; color: rgba(complement(#FFF44F), $text-opacity); } }
@media (min-width: 851px) { body { background-color: #545AA7; color: rgba(complement(#545AA7), $text-opacity); } }
@media (min-width: 852px) { body { background-color: #1A1110; color: rgba(complement(#1A1110), $text-opacity); } }
@media (min-width: 853px) { body { background-color: #FDD5B1; color: rgba(complement(#FDD5B1), $text-opacity); } }
@media (min-width: 854px) { body { background-color: #ADD8E6; color: rgba(complement(#ADD8E6), $text-opacity); } }
@media (min-width: 855px) { body { background-color: #B5651D; color: rgba(complement(#B5651D), $text-opacity); } }
@media (min-width: 856px) { body { background-color: #E66771; color: rgba(complement(#E66771), $text-opacity); } }
@media (min-width: 857px) { body { background-color: #F08080; color: rgba(complement(#F08080), $text-opacity); } }
@media (min-width: 858px) { body { background-color: #93CCEA; color: rgba(complement(#93CCEA), $text-opacity); } }
@media (min-width: 859px) { body { background-color: #F56991; color: rgba(complement(#F56991), $text-opacity); } }
@media (min-width: 860px) { body { background-color: #E0FFFF; color: rgba(complement(#E0FFFF), $text-opacity); } }
@media (min-width: 861px) { body { background-color: #FF5CCD; color: rgba(complement(#FF5CCD), $text-opacity); } }
@media (min-width: 862px) { body { background-color: #C8AD7F; color: rgba(complement(#C8AD7F), $text-opacity); } }
@media (min-width: 863px) { body { background-color: #F984EF; color: rgba(complement(#F984EF), $text-opacity); } }
@media (min-width: 864px) { body { background-color: #FAFAD2; color: rgba(complement(#FAFAD2), $text-opacity); } }
@media (min-width: 865px) { body { background-color: #D3D3D3; color: rgba(complement(#D3D3D3), $text-opacity); } }
@media (min-width: 866px) { body { background-color: #90EE90; color: rgba(complement(#90EE90), $text-opacity); } }
@media (min-width: 867px) { body { background-color: #FFB3DE; color: rgba(complement(#FFB3DE), $text-opacity); } }
@media (min-width: 868px) { body { background-color: #F0E68C; color: rgba(complement(#F0E68C), $text-opacity); } }
@media (min-width: 869px) { body { background-color: #D39BCB; color: rgba(complement(#D39BCB), $text-opacity); } }
@media (min-width: 870px) { body { background-color: #ADDFAD; color: rgba(complement(#ADDFAD), $text-opacity); } }
@media (min-width: 871px) { body { background-color: #E6A8D7; color: rgba(complement(#E6A8D7), $text-opacity); } }
@media (min-width: 872px) { body { background-color: #B19CD9; color: rgba(complement(#B19CD9), $text-opacity); } }
@media (min-width: 873px) { body { background-color: #FFB6C1; color: rgba(complement(#FFB6C1), $text-opacity); } }
@media (min-width: 874px) { body { background-color: #E97451; color: rgba(complement(#E97451), $text-opacity); } }
@media (min-width: 875px) { body { background-color: #FFA07A; color: rgba(complement(#FFA07A), $text-opacity); } }
@media (min-width: 876px) { body { background-color: #FF9999; color: rgba(complement(#FF9999), $text-opacity); } }
@media (min-width: 877px) { body { background-color: #20B2AA; color: rgba(complement(#20B2AA), $text-opacity); } }
@media (min-width: 878px) { body { background-color: #87CEFA; color: rgba(complement(#87CEFA), $text-opacity); } }
@media (min-width: 879px) { body { background-color: #778899; color: rgba(complement(#778899), $text-opacity); } }
@media (min-width: 880px) { body { background-color: #B0C4DE; color: rgba(complement(#B0C4DE), $text-opacity); } }
@media (min-width: 881px) { body { background-color: #B38B6D; color: rgba(complement(#B38B6D), $text-opacity); } }
@media (min-width: 882px) { body { background-color: #E68FAC; color: rgba(complement(#E68FAC), $text-opacity); } }
@media (min-width: 883px) { body { background-color: #FFFFE0; color: rgba(complement(#FFFFE0), $text-opacity); } }
@media (min-width: 884px) { body { background-color: #C8A2C8; color: rgba(complement(#C8A2C8), $text-opacity); } }
@media (min-width: 885px) { body { background-color: #BFFF00; color: rgba(complement(#BFFF00), $text-opacity); } }
@media (min-width: 886px) { body { background-color: #00FF00; color: rgba(complement(#00FF00), $text-opacity); } }
@media (min-width: 887px) { body { background-color: #32CD32; color: rgba(complement(#32CD32), $text-opacity); } }
@media (min-width: 888px) { body { background-color: #9DC209; color: rgba(complement(#9DC209), $text-opacity); } }
@media (min-width: 889px) { body { background-color: #195905; color: rgba(complement(#195905), $text-opacity); } }
@media (min-width: 890px) { body { background-color: #FAF0E6; color: rgba(complement(#FAF0E6), $text-opacity); } }
@media (min-width: 891px) { body { background-color: #C19A6B; color: rgba(complement(#C19A6B), $text-opacity); } }
@media (min-width: 892px) { body { background-color: #DE6FA1; color: rgba(complement(#DE6FA1), $text-opacity); } }
@media (min-width: 893px) { body { background-color: #6CA0DC; color: rgba(complement(#6CA0DC), $text-opacity); } }
@media (min-width: 894px) { body { background-color: #674C47; color: rgba(complement(#674C47), $text-opacity); } }
@media (min-width: 895px) { body { background-color: #B86D29; color: rgba(complement(#B86D29), $text-opacity); } }
@media (min-width: 896px) { body { background-color: #6C2E1F; color: rgba(complement(#6C2E1F), $text-opacity); } }
@media (min-width: 897px) { body { background-color: #987456; color: rgba(complement(#987456), $text-opacity); } }
@media (min-width: 898px) { body { background-color: #6699CC; color: rgba(complement(#6699CC), $text-opacity); } }
@media (min-width: 899px) { body { background-color: #FFE4CD; color: rgba(complement(#FFE4CD), $text-opacity); } }
@media (min-width: 900px) { body { background-color: #E62020; color: rgba(complement(#E62020), $text-opacity); } }
@media (min-width: 901px) { body { background-color: #FF00FF; color: rgba(complement(#FF00FF), $text-opacity); } }
@media (min-width: 902px) { body { background-color: #FF55A3; color: rgba(complement(#FF55A3), $text-opacity); } }
@media (min-width: 903px) { body { background-color: #CA1F7B; color: rgba(complement(#CA1F7B), $text-opacity); } }
@media (min-width: 904px) { body { background-color: #D0417E; color: rgba(complement(#D0417E), $text-opacity); } }
@media (min-width: 905px) { body { background-color: #FF0090; color: rgba(complement(#FF0090), $text-opacity); } }
@media (min-width: 906px) { body { background-color: #9F4576; color: rgba(complement(#9F4576), $text-opacity); } }
@media (min-width: 907px) { body { background-color: #AAF0D1; color: rgba(complement(#AAF0D1), $text-opacity); } }
@media (min-width: 908px) { body { background-color: #F8F4FF; color: rgba(complement(#F8F4FF), $text-opacity); } }
@media (min-width: 909px) { body { background-color: #C04000; color: rgba(complement(#C04000), $text-opacity); } }
@media (min-width: 910px) { body { background-color: #FBEC5D; color: rgba(complement(#FBEC5D), $text-opacity); } }
@media (min-width: 911px) { body { background-color: #6050DC; color: rgba(complement(#6050DC), $text-opacity); } }
@media (min-width: 912px) { body { background-color: #0BDA51; color: rgba(complement(#0BDA51), $text-opacity); } }
@media (min-width: 913px) { body { background-color: #979AAA; color: rgba(complement(#979AAA), $text-opacity); } }
@media (min-width: 914px) { body { background-color: #FF8243; color: rgba(complement(#FF8243), $text-opacity); } }
@media (min-width: 915px) { body { background-color: #74C365; color: rgba(complement(#74C365), $text-opacity); } }
@media (min-width: 916px) { body { background-color: #880085; color: rgba(complement(#880085), $text-opacity); } }
@media (min-width: 917px) { body { background-color: #C32148; color: rgba(complement(#C32148), $text-opacity); } }
@media (min-width: 918px) { body { background-color: #800000; color: rgba(complement(#800000), $text-opacity); } }
@media (min-width: 919px) { body { background-color: #B03060; color: rgba(complement(#B03060), $text-opacity); } }
@media (min-width: 920px) { body { background-color: #E0B0FF; color: rgba(complement(#E0B0FF), $text-opacity); } }
@media (min-width: 921px) { body { background-color: #915F6D; color: rgba(complement(#915F6D), $text-opacity); } }
@media (min-width: 922px) { body { background-color: #EF98AA; color: rgba(complement(#EF98AA), $text-opacity); } }
@media (min-width: 923px) { body { background-color: #4C9141; color: rgba(complement(#4C9141), $text-opacity); } }
@media (min-width: 924px) { body { background-color: #73C2FB; color: rgba(complement(#73C2FB), $text-opacity); } }
@media (min-width: 925px) { body { background-color: #E5B73B; color: rgba(complement(#E5B73B), $text-opacity); } }
@media (min-width: 926px) { body { background-color: #66DDAA; color: rgba(complement(#66DDAA), $text-opacity); } }
@media (min-width: 927px) { body { background-color: #0000CD; color: rgba(complement(#0000CD), $text-opacity); } }
@media (min-width: 928px) { body { background-color: #E2062C; color: rgba(complement(#E2062C), $text-opacity); } }
@media (min-width: 929px) { body { background-color: #AF4035; color: rgba(complement(#AF4035), $text-opacity); } }
@media (min-width: 930px) { body { background-color: #F3E5AB; color: rgba(complement(#F3E5AB), $text-opacity); } }
@media (min-width: 931px) { body { background-color: #035096; color: rgba(complement(#035096), $text-opacity); } }
@media (min-width: 932px) { body { background-color: #1C352D; color: rgba(complement(#1C352D), $text-opacity); } }
@media (min-width: 933px) { body { background-color: #DDA0DD; color: rgba(complement(#DDA0DD), $text-opacity); } }
@media (min-width: 934px) { body { background-color: #BA55D3; color: rgba(complement(#BA55D3), $text-opacity); } }
@media (min-width: 935px) { body { background-color: #0067A5; color: rgba(complement(#0067A5), $text-opacity); } }
@media (min-width: 936px) { body { background-color: #9370DB; color: rgba(complement(#9370DB), $text-opacity); } }
@media (min-width: 937px) { body { background-color: #BB3385; color: rgba(complement(#BB3385), $text-opacity); } }
@media (min-width: 938px) { body { background-color: #AA4069; color: rgba(complement(#AA4069), $text-opacity); } }
@media (min-width: 939px) { body { background-color: #3CB371; color: rgba(complement(#3CB371), $text-opacity); } }
@media (min-width: 940px) { body { background-color: #80DAEB; color: rgba(complement(#80DAEB), $text-opacity); } }
@media (min-width: 941px) { body { background-color: #7B68EE; color: rgba(complement(#7B68EE), $text-opacity); } }
@media (min-width: 942px) { body { background-color: #C9DC87; color: rgba(complement(#C9DC87), $text-opacity); } }
@media (min-width: 943px) { body { background-color: #00FA9A; color: rgba(complement(#00FA9A), $text-opacity); } }
@media (min-width: 944px) { body { background-color: #674C47; color: rgba(complement(#674C47), $text-opacity); } }
@media (min-width: 945px) { body { background-color: #48D1CC; color: rgba(complement(#48D1CC), $text-opacity); } }
@media (min-width: 946px) { body { background-color: #79443B; color: rgba(complement(#79443B), $text-opacity); } }
@media (min-width: 947px) { body { background-color: #D9603B; color: rgba(complement(#D9603B), $text-opacity); } }
@media (min-width: 948px) { body { background-color: #C71585; color: rgba(complement(#C71585), $text-opacity); } }
@media (min-width: 949px) { body { background-color: #F8B878; color: rgba(complement(#F8B878), $text-opacity); } }
@media (min-width: 950px) { body { background-color: #F8DE7E; color: rgba(complement(#F8DE7E), $text-opacity); } }
@media (min-width: 951px) { body { background-color: #FDBCB4; color: rgba(complement(#FDBCB4), $text-opacity); } }
@media (min-width: 952px) { body { background-color: #0A7E8C; color: rgba(complement(#0A7E8C), $text-opacity); } }
@media (min-width: 953px) { body { background-color: #9C7C38; color: rgba(complement(#9C7C38), $text-opacity); } }
@media (min-width: 954px) { body { background-color: #E4007C; color: rgba(complement(#E4007C), $text-opacity); } }
@media (min-width: 955px) { body { background-color: #191970; color: rgba(complement(#191970), $text-opacity); } }
@media (min-width: 956px) { body { background-color: #004953; color: rgba(complement(#004953), $text-opacity); } }
@media (min-width: 957px) { body { background-color: #FFC40C; color: rgba(complement(#FFC40C), $text-opacity); } }
@media (min-width: 958px) { body { background-color: #E3F988; color: rgba(complement(#E3F988), $text-opacity); } }
@media (min-width: 959px) { body { background-color: #3EB489; color: rgba(complement(#3EB489), $text-opacity); } }
@media (min-width: 960px) { body { background-color: #F5FFFA; color: rgba(complement(#F5FFFA), $text-opacity); } }
@media (min-width: 961px) { body { background-color: #98FF98; color: rgba(complement(#98FF98), $text-opacity); } }
@media (min-width: 962px) { body { background-color: #FFE4E1; color: rgba(complement(#FFE4E1), $text-opacity); } }
@media (min-width: 963px) { body { background-color: #FAEBD7; color: rgba(complement(#FAEBD7), $text-opacity); } }
@media (min-width: 964px) { body { background-color: #967117; color: rgba(complement(#967117), $text-opacity); } }
@media (min-width: 965px) { body { background-color: #73A9C2; color: rgba(complement(#73A9C2), $text-opacity); } }
@media (min-width: 966px) { body { background-color: #AE0C00; color: rgba(complement(#AE0C00), $text-opacity); } }
@media (min-width: 967px) { body { background-color: #8A9A5B; color: rgba(complement(#8A9A5B), $text-opacity); } }
@media (min-width: 968px) { body { background-color: #30BA8F; color: rgba(complement(#30BA8F), $text-opacity); } }
@media (min-width: 969px) { body { background-color: #997A8D; color: rgba(complement(#997A8D), $text-opacity); } }
@media (min-width: 970px) { body { background-color: #18453B; color: rgba(complement(#18453B), $text-opacity); } }
@media (min-width: 971px) { body { background-color: #306030; color: rgba(complement(#306030), $text-opacity); } }
@media (min-width: 972px) { body { background-color: #C54B8C; color: rgba(complement(#C54B8C), $text-opacity); } }
@media (min-width: 973px) { body { background-color: #FFDB58; color: rgba(complement(#FFDB58), $text-opacity); } }
@media (min-width: 974px) { body { background-color: #317873; color: rgba(complement(#317873), $text-opacity); } }
@media (min-width: 975px) { body { background-color: #F6ADC6; color: rgba(complement(#F6ADC6), $text-opacity); } }
@media (min-width: 976px) { body { background-color: #2A8000; color: rgba(complement(#2A8000), $text-opacity); } }
@media (min-width: 977px) { body { background-color: #FADA5E; color: rgba(complement(#FADA5E), $text-opacity); } }
@media (min-width: 978px) { body { background-color: #FFDEAD; color: rgba(complement(#FFDEAD), $text-opacity); } }
@media (min-width: 979px) { body { background-color: #000080; color: rgba(complement(#000080), $text-opacity); } }
@media (min-width: 980px) { body { background-color: #9457EB; color: rgba(complement(#9457EB), $text-opacity); } }
@media (min-width: 981px) { body { background-color: #FFA343; color: rgba(complement(#FFA343), $text-opacity); } }
@media (min-width: 982px) { body { background-color: #FE4164; color: rgba(complement(#FE4164), $text-opacity); } }
@media (min-width: 983px) { body { background-color: #39FF14; color: rgba(complement(#39FF14), $text-opacity); } }
@media (min-width: 984px) { body { background-color: #214FC6; color: rgba(complement(#214FC6), $text-opacity); } }
@media (min-width: 985px) { body { background-color: #D7837F; color: rgba(complement(#D7837F), $text-opacity); } }
@media (min-width: 986px) { body { background-color: #A4DDED; color: rgba(complement(#A4DDED), $text-opacity); } }
@media (min-width: 987px) { body { background-color: #059033; color: rgba(complement(#059033), $text-opacity); } }
@media (min-width: 988px) { body { background-color: #E9FFDB; color: rgba(complement(#E9FFDB), $text-opacity); } }
@media (min-width: 989px) { body { background-color: #0077BE; color: rgba(complement(#0077BE), $text-opacity); } }
@media (min-width: 990px) { body { background-color: #CC7722; color: rgba(complement(#CC7722), $text-opacity); } }
@media (min-width: 991px) { body { background-color: #008000; color: rgba(complement(#008000), $text-opacity); } }
@media (min-width: 992px) { body { background-color: #43302E; color: rgba(complement(#43302E), $text-opacity); } }
@media (min-width: 993px) { body { background-color: #CFB53B; color: rgba(complement(#CFB53B), $text-opacity); } }
@media (min-width: 994px) { body { background-color: #563C5C; color: rgba(complement(#563C5C), $text-opacity); } }
@media (min-width: 995px) { body { background-color: #563C5C; color: rgba(complement(#563C5C), $text-opacity); } }
@media (min-width: 996px) { body { background-color: #FDF5E6; color: rgba(complement(#FDF5E6), $text-opacity); } }
@media (min-width: 997px) { body { background-color: #796878; color: rgba(complement(#796878), $text-opacity); } }
@media (min-width: 998px) { body { background-color: #673147; color: rgba(complement(#673147), $text-opacity); } }
@media (min-width: 999px) { body { background-color: #867E36; color: rgba(complement(#867E36), $text-opacity); } }
@media (min-width: 1000px) { body { background-color: #C08081; color: rgba(complement(#C08081), $text-opacity); } }
@media (min-width: 1001px) { body { background-color: #848482; color: rgba(complement(#848482), $text-opacity); } }
@media (min-width: 1002px) { body { background-color: #808000; color: rgba(complement(#808000), $text-opacity); } }
@media (min-width: 1003px) { body { background-color: #6B8E23; color: rgba(complement(#6B8E23), $text-opacity); } }
@media (min-width: 1004px) { body { background-color: #3C341F; color: rgba(complement(#3C341F), $text-opacity); } }
@media (min-width: 1005px) { body { background-color: #9AB973; color: rgba(complement(#9AB973), $text-opacity); } }
@media (min-width: 1006px) { body { background-color: #353839; color: rgba(complement(#353839), $text-opacity); } }
@media (min-width: 1007px) { body { background-color: #B784A7; color: rgba(complement(#B784A7), $text-opacity); } }
@media (min-width: 1008px) { body { background-color: #FF7F00; color: rgba(complement(#FF7F00), $text-opacity); } }
@media (min-width: 1009px) { body { background-color: #FF7538; color: rgba(complement(#FF7538), $text-opacity); } }
@media (min-width: 1010px) { body { background-color: #FF5800; color: rgba(complement(#FF5800), $text-opacity); } }
@media (min-width: 1011px) { body { background-color: #FB9902; color: rgba(complement(#FB9902), $text-opacity); } }
@media (min-width: 1012px) { body { background-color: #FFA500; color: rgba(complement(#FFA500), $text-opacity); } }
@media (min-width: 1013px) { body { background-color: #FF9F00; color: rgba(complement(#FF9F00), $text-opacity); } }
@media (min-width: 1014px) { body { background-color: #FF4500; color: rgba(complement(#FF4500), $text-opacity); } }
@media (min-width: 1015px) { body { background-color: #DA70D6; color: rgba(complement(#DA70D6), $text-opacity); } }
@media (min-width: 1016px) { body { background-color: #F2BDCD; color: rgba(complement(#F2BDCD), $text-opacity); } }
@media (min-width: 1017px) { body { background-color: #FB4F14; color: rgba(complement(#FB4F14), $text-opacity); } }
@media (min-width: 1018px) { body { background-color: #654321; color: rgba(complement(#654321), $text-opacity); } }
@media (min-width: 1019px) { body { background-color: #414A4C; color: rgba(complement(#414A4C), $text-opacity); } }
@media (min-width: 1020px) { body { background-color: #FF6E4A; color: rgba(complement(#FF6E4A), $text-opacity); } }
@media (min-width: 1021px) { body { background-color: #002147; color: rgba(complement(#002147), $text-opacity); } }
@media (min-width: 1022px) { body { background-color: #990000; color: rgba(complement(#990000), $text-opacity); } }
@media (min-width: 1023px) { body { background-color: #006600; color: rgba(complement(#006600), $text-opacity); } }
@media (min-width: 1024px) { body { background-color: #273BE2; color: rgba(complement(#273BE2), $text-opacity); } }
@media (min-width: 1025px) { body { background-color: #682860; color: rgba(complement(#682860), $text-opacity); } }
@media (min-width: 1026px) { body { background-color: #BCD4E6; color: rgba(complement(#BCD4E6), $text-opacity); } }
@media (min-width: 1027px) { body { background-color: #AFEEEE; color: rgba(complement(#AFEEEE), $text-opacity); } }
@media (min-width: 1028px) { body { background-color: #987654; color: rgba(complement(#987654), $text-opacity); } }
@media (min-width: 1029px) { body { background-color: #AF4035; color: rgba(complement(#AF4035), $text-opacity); } }
@media (min-width: 1030px) { body { background-color: #9BC4E2; color: rgba(complement(#9BC4E2), $text-opacity); } }
@media (min-width: 1031px) { body { background-color: #DDADAF; color: rgba(complement(#DDADAF), $text-opacity); } }
@media (min-width: 1032px) { body { background-color: #DA8A67; color: rgba(complement(#DA8A67), $text-opacity); } }
@media (min-width: 1033px) { body { background-color: #ABCDEF; color: rgba(complement(#ABCDEF), $text-opacity); } }
@media (min-width: 1034px) { body { background-color: #E6BE8A; color: rgba(complement(#E6BE8A), $text-opacity); } }
@media (min-width: 1035px) { body { background-color: #EEE8AA; color: rgba(complement(#EEE8AA), $text-opacity); } }
@media (min-width: 1036px) { body { background-color: #98FB98; color: rgba(complement(#98FB98), $text-opacity); } }
@media (min-width: 1037px) { body { background-color: #DCD0FF; color: rgba(complement(#DCD0FF), $text-opacity); } }
@media (min-width: 1038px) { body { background-color: #F984E5; color: rgba(complement(#F984E5), $text-opacity); } }
@media (min-width: 1039px) { body { background-color: #FADADD; color: rgba(complement(#FADADD), $text-opacity); } }
@media (min-width: 1040px) { body { background-color: #DDA0DD; color: rgba(complement(#DDA0DD), $text-opacity); } }
@media (min-width: 1041px) { body { background-color: #DB7093; color: rgba(complement(#DB7093), $text-opacity); } }
@media (min-width: 1042px) { body { background-color: #96DED1; color: rgba(complement(#96DED1), $text-opacity); } }
@media (min-width: 1043px) { body { background-color: #C9C0BB; color: rgba(complement(#C9C0BB), $text-opacity); } }
@media (min-width: 1044px) { body { background-color: #ECEBBD; color: rgba(complement(#ECEBBD), $text-opacity); } }
@media (min-width: 1045px) { body { background-color: #BC987E; color: rgba(complement(#BC987E), $text-opacity); } }
@media (min-width: 1046px) { body { background-color: #AFEEEE; color: rgba(complement(#AFEEEE), $text-opacity); } }
@media (min-width: 1047px) { body { background-color: #DB7093; color: rgba(complement(#DB7093), $text-opacity); } }
@media (min-width: 1048px) { body { background-color: #78184A; color: rgba(complement(#78184A), $text-opacity); } }
@media (min-width: 1049px) { body { background-color: #009B7D; color: rgba(complement(#009B7D), $text-opacity); } }
@media (min-width: 1050px) { body { background-color: #FFEFD5; color: rgba(complement(#FFEFD5), $text-opacity); } }
@media (min-width: 1051px) { body { background-color: #E63E62; color: rgba(complement(#E63E62), $text-opacity); } }
@media (min-width: 1052px) { body { background-color: #50C878; color: rgba(complement(#50C878), $text-opacity); } }
@media (min-width: 1053px) { body { background-color: #AEC6CF; color: rgba(complement(#AEC6CF), $text-opacity); } }
@media (min-width: 1054px) { body { background-color: #836953; color: rgba(complement(#836953), $text-opacity); } }
@media (min-width: 1055px) { body { background-color: #CFCFC4; color: rgba(complement(#CFCFC4), $text-opacity); } }
@media (min-width: 1056px) { body { background-color: #77DD77; color: rgba(complement(#77DD77), $text-opacity); } }
@media (min-width: 1057px) { body { background-color: #F49AC2; color: rgba(complement(#F49AC2), $text-opacity); } }
@media (min-width: 1058px) { body { background-color: #FFB347; color: rgba(complement(#FFB347), $text-opacity); } }
@media (min-width: 1059px) { body { background-color: #DEA5A4; color: rgba(complement(#DEA5A4), $text-opacity); } }
@media (min-width: 1060px) { body { background-color: #B39EB5; color: rgba(complement(#B39EB5), $text-opacity); } }
@media (min-width: 1061px) { body { background-color: #FF6961; color: rgba(complement(#FF6961), $text-opacity); } }
@media (min-width: 1062px) { body { background-color: #CB99C9; color: rgba(complement(#CB99C9), $text-opacity); } }
@media (min-width: 1063px) { body { background-color: #FDFD96; color: rgba(complement(#FDFD96), $text-opacity); } }
@media (min-width: 1064px) { body { background-color: #800080; color: rgba(complement(#800080), $text-opacity); } }
@media (min-width: 1065px) { body { background-color: #536878; color: rgba(complement(#536878), $text-opacity); } }
@media (min-width: 1066px) { body { background-color: #FFE5B4; color: rgba(complement(#FFE5B4), $text-opacity); } }
@media (min-width: 1067px) { body { background-color: #FFCBA4; color: rgba(complement(#FFCBA4), $text-opacity); } }
@media (min-width: 1068px) { body { background-color: #FFCC99; color: rgba(complement(#FFCC99), $text-opacity); } }
@media (min-width: 1069px) { body { background-color: #FFDAB9; color: rgba(complement(#FFDAB9), $text-opacity); } }
@media (min-width: 1070px) { body { background-color: #FADFAD; color: rgba(complement(#FADFAD), $text-opacity); } }
@media (min-width: 1071px) { body { background-color: #D1E231; color: rgba(complement(#D1E231), $text-opacity); } }
@media (min-width: 1072px) { body { background-color: #EAE0C8; color: rgba(complement(#EAE0C8), $text-opacity); } }
@media (min-width: 1073px) { body { background-color: #88D8C0; color: rgba(complement(#88D8C0), $text-opacity); } }
@media (min-width: 1074px) { body { background-color: #B768A2; color: rgba(complement(#B768A2), $text-opacity); } }
@media (min-width: 1075px) { body { background-color: #E6E200; color: rgba(complement(#E6E200), $text-opacity); } }
@media (min-width: 1076px) { body { background-color: #CCCCFF; color: rgba(complement(#CCCCFF), $text-opacity); } }
@media (min-width: 1077px) { body { background-color: #1C39BB; color: rgba(complement(#1C39BB), $text-opacity); } }
@media (min-width: 1078px) { body { background-color: #00A693; color: rgba(complement(#00A693), $text-opacity); } }
@media (min-width: 1079px) { body { background-color: #32127A; color: rgba(complement(#32127A), $text-opacity); } }
@media (min-width: 1080px) { body { background-color: #D99058; color: rgba(complement(#D99058), $text-opacity); } }
@media (min-width: 1081px) { body { background-color: #F77FBE; color: rgba(complement(#F77FBE), $text-opacity); } }
@media (min-width: 1082px) { body { background-color: #701C1C; color: rgba(complement(#701C1C), $text-opacity); } }
@media (min-width: 1083px) { body { background-color: #CC3333; color: rgba(complement(#CC3333), $text-opacity); } }
@media (min-width: 1084px) { body { background-color: #FE28A2; color: rgba(complement(#FE28A2), $text-opacity); } }
@media (min-width: 1085px) { body { background-color: #EC5800; color: rgba(complement(#EC5800), $text-opacity); } }
@media (min-width: 1086px) { body { background-color: #CD853F; color: rgba(complement(#CD853F), $text-opacity); } }
@media (min-width: 1087px) { body { background-color: #DF00FF; color: rgba(complement(#DF00FF), $text-opacity); } }
@media (min-width: 1088px) { body { background-color: #000F89; color: rgba(complement(#000F89), $text-opacity); } }
@media (min-width: 1089px) { body { background-color: #123524; color: rgba(complement(#123524), $text-opacity); } }
@media (min-width: 1090px) { body { background-color: #45B1E8; color: rgba(complement(#45B1E8), $text-opacity); } }
@media (min-width: 1091px) { body { background-color: #C30B4E; color: rgba(complement(#C30B4E), $text-opacity); } }
@media (min-width: 1092px) { body { background-color: #FDDDE6; color: rgba(complement(#FDDDE6), $text-opacity); } }
@media (min-width: 1093px) { body { background-color: #01796F; color: rgba(complement(#01796F), $text-opacity); } }
@media (min-width: 1094px) { body { background-color: #FFC0CB; color: rgba(complement(#FFC0CB), $text-opacity); } }
@media (min-width: 1095px) { body { background-color: #D74894; color: rgba(complement(#D74894), $text-opacity); } }
@media (min-width: 1096px) { body { background-color: #FFDDF4; color: rgba(complement(#FFDDF4), $text-opacity); } }
@media (min-width: 1097px) { body { background-color: #D8B2D1; color: rgba(complement(#D8B2D1), $text-opacity); } }
@media (min-width: 1098px) { body { background-color: #FF9966; color: rgba(complement(#FF9966), $text-opacity); } }
@media (min-width: 1099px) { body { background-color: #E7ACCF; color: rgba(complement(#E7ACCF), $text-opacity); } }
@media (min-width: 1100px) { body { background-color: #F78FA7; color: rgba(complement(#F78FA7), $text-opacity); } }
@media (min-width: 1101px) { body { background-color: #93C572; color: rgba(complement(#93C572), $text-opacity); } }
@media (min-width: 1102px) { body { background-color: #E5E4E2; color: rgba(complement(#E5E4E2), $text-opacity); } }
@media (min-width: 1103px) { body { background-color: #8E4585; color: rgba(complement(#8E4585), $text-opacity); } }
@media (min-width: 1104px) { body { background-color: #DDA0DD; color: rgba(complement(#DDA0DD), $text-opacity); } }
@media (min-width: 1105px) { body { background-color: #86608E; color: rgba(complement(#86608E), $text-opacity); } }
@media (min-width: 1106px) { body { background-color: #BE4F62; color: rgba(complement(#BE4F62), $text-opacity); } }
@media (min-width: 1107px) { body { background-color: #FF5A36; color: rgba(complement(#FF5A36), $text-opacity); } }
@media (min-width: 1108px) { body { background-color: #B0E0E6; color: rgba(complement(#B0E0E6), $text-opacity); } }
@media (min-width: 1109px) { body { background-color: #F58025; color: rgba(complement(#F58025), $text-opacity); } }
@media (min-width: 1110px) { body { background-color: #701C1C; color: rgba(complement(#701C1C), $text-opacity); } }
@media (min-width: 1111px) { body { background-color: #003153; color: rgba(complement(#003153), $text-opacity); } }
@media (min-width: 1112px) { body { background-color: #DF00FF; color: rgba(complement(#DF00FF), $text-opacity); } }
@media (min-width: 1113px) { body { background-color: #CC8899; color: rgba(complement(#CC8899), $text-opacity); } }
@media (min-width: 1114px) { body { background-color: #722F37; color: rgba(complement(#722F37), $text-opacity); } }
@media (min-width: 1115px) { body { background-color: #644117; color: rgba(complement(#644117), $text-opacity); } }
@media (min-width: 1116px) { body { background-color: #FF7518; color: rgba(complement(#FF7518), $text-opacity); } }
@media (min-width: 1117px) { body { background-color: #800080; color: rgba(complement(#800080), $text-opacity); } }
@media (min-width: 1118px) { body { background-color: #9F00C5; color: rgba(complement(#9F00C5), $text-opacity); } }
@media (min-width: 1119px) { body { background-color: #A020F0; color: rgba(complement(#A020F0), $text-opacity); } }
@media (min-width: 1120px) { body { background-color: #69359C; color: rgba(complement(#69359C), $text-opacity); } }
@media (min-width: 1121px) { body { background-color: #9678B6; color: rgba(complement(#9678B6), $text-opacity); } }
@media (min-width: 1122px) { body { background-color: #4E5180; color: rgba(complement(#4E5180), $text-opacity); } }
@media (min-width: 1123px) { body { background-color: #FE4EDA; color: rgba(complement(#FE4EDA), $text-opacity); } }
@media (min-width: 1124px) { body { background-color: #50404D; color: rgba(complement(#50404D), $text-opacity); } }
@media (min-width: 1125px) { body { background-color: #9A4EAE; color: rgba(complement(#9A4EAE), $text-opacity); } }
@media (min-width: 1126px) { body { background-color: #51484F; color: rgba(complement(#51484F), $text-opacity); } }
@media (min-width: 1127px) { body { background-color: #436B95; color: rgba(complement(#436B95), $text-opacity); } }
@media (min-width: 1128px) { body { background-color: #E8CCD7; color: rgba(complement(#E8CCD7), $text-opacity); } }
@media (min-width: 1129px) { body { background-color: #8E3A59; color: rgba(complement(#8E3A59), $text-opacity); } }
@media (min-width: 1130px) { body { background-color: #5D8AA8; color: rgba(complement(#5D8AA8), $text-opacity); } }
@media (min-width: 1131px) { body { background-color: #FF355E; color: rgba(complement(#FF355E), $text-opacity); } }
@media (min-width: 1132px) { body { background-color: #FBAB60; color: rgba(complement(#FBAB60), $text-opacity); } }
@media (min-width: 1133px) { body { background-color: #E30B5D; color: rgba(complement(#E30B5D), $text-opacity); } }
@media (min-width: 1134px) { body { background-color: #915F6D; color: rgba(complement(#915F6D), $text-opacity); } }
@media (min-width: 1135px) { body { background-color: #E25098; color: rgba(complement(#E25098), $text-opacity); } }
@media (min-width: 1136px) { body { background-color: #B3446C; color: rgba(complement(#B3446C), $text-opacity); } }
@media (min-width: 1137px) { body { background-color: #826644; color: rgba(complement(#826644), $text-opacity); } }
@media (min-width: 1138px) { body { background-color: #FF33CC; color: rgba(complement(#FF33CC), $text-opacity); } }
@media (min-width: 1139px) { body { background-color: #E3256B; color: rgba(complement(#E3256B), $text-opacity); } }
@media (min-width: 1140px) { body { background-color: #8D4E85; color: rgba(complement(#8D4E85), $text-opacity); } }
@media (min-width: 1141px) { body { background-color: #FF0000; color: rgba(complement(#FF0000), $text-opacity); } }
@media (min-width: 1142px) { body { background-color: #EE204D; color: rgba(complement(#EE204D), $text-opacity); } }
@media (min-width: 1143px) { body { background-color: #F2003C; color: rgba(complement(#F2003C), $text-opacity); } }
@media (min-width: 1144px) { body { background-color: #C40233; color: rgba(complement(#C40233), $text-opacity); } }
@media (min-width: 1145px) { body { background-color: #ED2939; color: rgba(complement(#ED2939), $text-opacity); } }
@media (min-width: 1146px) { body { background-color: #ED1C24; color: rgba(complement(#ED1C24), $text-opacity); } }
@media (min-width: 1147px) { body { background-color: #FE2712; color: rgba(complement(#FE2712), $text-opacity); } }
@media (min-width: 1148px) { body { background-color: #A52A2A; color: rgba(complement(#A52A2A), $text-opacity); } }
@media (min-width: 1149px) { body { background-color: #860111; color: rgba(complement(#860111), $text-opacity); } }
@media (min-width: 1150px) { body { background-color: #FF5349; color: rgba(complement(#FF5349), $text-opacity); } }
@media (min-width: 1151px) { body { background-color: #E40078; color: rgba(complement(#E40078), $text-opacity); } }
@media (min-width: 1152px) { body { background-color: #C71585; color: rgba(complement(#C71585), $text-opacity); } }
@media (min-width: 1153px) { body { background-color: #A45A52; color: rgba(complement(#A45A52), $text-opacity); } }
@media (min-width: 1154px) { body { background-color: #522D80; color: rgba(complement(#522D80), $text-opacity); } }
@media (min-width: 1155px) { body { background-color: #002387; color: rgba(complement(#002387), $text-opacity); } }
@media (min-width: 1156px) { body { background-color: #777696; color: rgba(complement(#777696), $text-opacity); } }
@media (min-width: 1157px) { body { background-color: #004040; color: rgba(complement(#004040), $text-opacity); } }
@media (min-width: 1158px) { body { background-color: #F1A7FE; color: rgba(complement(#F1A7FE), $text-opacity); } }
@media (min-width: 1159px) { body { background-color: #D70040; color: rgba(complement(#D70040), $text-opacity); } }
@media (min-width: 1160px) { body { background-color: #0892D0; color: rgba(complement(#0892D0), $text-opacity); } }
@media (min-width: 1161px) { body { background-color: #A76BCF; color: rgba(complement(#A76BCF), $text-opacity); } }
@media (min-width: 1162px) { body { background-color: #B666D2; color: rgba(complement(#B666D2), $text-opacity); } }
@media (min-width: 1163px) { body { background-color: #B03060; color: rgba(complement(#B03060), $text-opacity); } }
@media (min-width: 1164px) { body { background-color: #444C38; color: rgba(complement(#444C38), $text-opacity); } }
@media (min-width: 1165px) { body { background-color: #704241; color: rgba(complement(#704241), $text-opacity); } }
@media (min-width: 1166px) { body { background-color: #00CCCC; color: rgba(complement(#00CCCC), $text-opacity); } }
@media (min-width: 1167px) { body { background-color: #8A7F80; color: rgba(complement(#8A7F80), $text-opacity); } }
@media (min-width: 1168px) { body { background-color: #838996; color: rgba(complement(#838996), $text-opacity); } }
@media (min-width: 1169px) { body { background-color: #FF007F; color: rgba(complement(#FF007F), $text-opacity); } }
@media (min-width: 1170px) { body { background-color: #F9429E; color: rgba(complement(#F9429E), $text-opacity); } }
@media (min-width: 1171px) { body { background-color: #674846; color: rgba(complement(#674846), $text-opacity); } }
@media (min-width: 1172px) { body { background-color: #B76E79; color: rgba(complement(#B76E79), $text-opacity); } }
@media (min-width: 1173px) { body { background-color: #E32636; color: rgba(complement(#E32636), $text-opacity); } }
@media (min-width: 1174px) { body { background-color: #FF66CC; color: rgba(complement(#FF66CC), $text-opacity); } }
@media (min-width: 1175px) { body { background-color: #AA98A9; color: rgba(complement(#AA98A9), $text-opacity); } }
@media (min-width: 1176px) { body { background-color: #C21E56; color: rgba(complement(#C21E56), $text-opacity); } }
@media (min-width: 1177px) { body { background-color: #905D5D; color: rgba(complement(#905D5D), $text-opacity); } }
@media (min-width: 1178px) { body { background-color: #AB4E52; color: rgba(complement(#AB4E52), $text-opacity); } }
@media (min-width: 1179px) { body { background-color: #65000B; color: rgba(complement(#65000B), $text-opacity); } }
@media (min-width: 1180px) { body { background-color: #D40000; color: rgba(complement(#D40000), $text-opacity); } }
@media (min-width: 1181px) { body { background-color: #BC8F8F; color: rgba(complement(#BC8F8F), $text-opacity); } }
@media (min-width: 1182px) { body { background-color: #0038A8; color: rgba(complement(#0038A8), $text-opacity); } }
@media (min-width: 1183px) { body { background-color: #002366; color: rgba(complement(#002366), $text-opacity); } }
@media (min-width: 1184px) { body { background-color: #4169E1; color: rgba(complement(#4169E1), $text-opacity); } }
@media (min-width: 1185px) { body { background-color: #CA2C92; color: rgba(complement(#CA2C92), $text-opacity); } }
@media (min-width: 1186px) { body { background-color: #7851A9; color: rgba(complement(#7851A9), $text-opacity); } }
@media (min-width: 1187px) { body { background-color: #FADA5E; color: rgba(complement(#FADA5E), $text-opacity); } }
@media (min-width: 1188px) { body { background-color: #CE4676; color: rgba(complement(#CE4676), $text-opacity); } }
@media (min-width: 1189px) { body { background-color: #D10056; color: rgba(complement(#D10056), $text-opacity); } }
@media (min-width: 1190px) { body { background-color: #E0115F; color: rgba(complement(#E0115F), $text-opacity); } }
@media (min-width: 1191px) { body { background-color: #9B111E; color: rgba(complement(#9B111E), $text-opacity); } }
@media (min-width: 1192px) { body { background-color: #FF0028; color: rgba(complement(#FF0028), $text-opacity); } }
@media (min-width: 1193px) { body { background-color: #BB6528; color: rgba(complement(#BB6528), $text-opacity); } }
@media (min-width: 1194px) { body { background-color: #E18E96; color: rgba(complement(#E18E96), $text-opacity); } }
@media (min-width: 1195px) { body { background-color: #A81C07; color: rgba(complement(#A81C07), $text-opacity); } }
@media (min-width: 1196px) { body { background-color: #80461B; color: rgba(complement(#80461B), $text-opacity); } }
@media (min-width: 1197px) { body { background-color: #679267; color: rgba(complement(#679267), $text-opacity); } }
@media (min-width: 1198px) { body { background-color: #32174D; color: rgba(complement(#32174D), $text-opacity); } }
@media (min-width: 1199px) { body { background-color: #B7410E; color: rgba(complement(#B7410E), $text-opacity); } }
@media (min-width: 1200px) { body { background-color: #DA2C43; color: rgba(complement(#DA2C43), $text-opacity); } }
@media (min-width: 1201px) { body { background-color: #00563F; color: rgba(complement(#00563F), $text-opacity); } }
@media (min-width: 1202px) { body { background-color: #8B4513; color: rgba(complement(#8B4513), $text-opacity); } }
@media (min-width: 1203px) { body { background-color: #FF6700; color: rgba(complement(#FF6700), $text-opacity); } }
@media (min-width: 1204px) { body { background-color: #EED202; color: rgba(complement(#EED202), $text-opacity); } }
@media (min-width: 1205px) { body { background-color: #F4C430; color: rgba(complement(#F4C430), $text-opacity); } }
@media (min-width: 1206px) { body { background-color: #BCB88A; color: rgba(complement(#BCB88A), $text-opacity); } }
@media (min-width: 1207px) { body { background-color: #23297A; color: rgba(complement(#23297A), $text-opacity); } }
@media (min-width: 1208px) { body { background-color: #FA8072; color: rgba(complement(#FA8072), $text-opacity); } }
@media (min-width: 1209px) { body { background-color: #FF91A4; color: rgba(complement(#FF91A4), $text-opacity); } }
@media (min-width: 1210px) { body { background-color: #C2B280; color: rgba(complement(#C2B280), $text-opacity); } }
@media (min-width: 1211px) { body { background-color: #967117; color: rgba(complement(#967117), $text-opacity); } }
@media (min-width: 1212px) { body { background-color: #ECD540; color: rgba(complement(#ECD540), $text-opacity); } }
@media (min-width: 1213px) { body { background-color: #F4A460; color: rgba(complement(#F4A460), $text-opacity); } }
@media (min-width: 1214px) { body { background-color: #967117; color: rgba(complement(#967117), $text-opacity); } }
@media (min-width: 1215px) { body { background-color: #92000A; color: rgba(complement(#92000A), $text-opacity); } }
@media (min-width: 1216px) { body { background-color: #507D2A; color: rgba(complement(#507D2A), $text-opacity); } }
@media (min-width: 1217px) { body { background-color: #0F52BA; color: rgba(complement(#0F52BA), $text-opacity); } }
@media (min-width: 1218px) { body { background-color: #0067A5; color: rgba(complement(#0067A5), $text-opacity); } }
@media (min-width: 1219px) { body { background-color: #CBA135; color: rgba(complement(#CBA135), $text-opacity); } }
@media (min-width: 1220px) { body { background-color: #FF2400; color: rgba(complement(#FF2400), $text-opacity); } }
@media (min-width: 1221px) { body { background-color: #FD0E35; color: rgba(complement(#FD0E35), $text-opacity); } }
@media (min-width: 1222px) { body { background-color: #FF91AF; color: rgba(complement(#FF91AF), $text-opacity); } }
@media (min-width: 1223px) { body { background-color: #FFD800; color: rgba(complement(#FFD800), $text-opacity); } }
@media (min-width: 1224px) { body { background-color: #76FF7A; color: rgba(complement(#76FF7A), $text-opacity); } }
@media (min-width: 1225px) { body { background-color: #006994; color: rgba(complement(#006994), $text-opacity); } }
@media (min-width: 1226px) { body { background-color: #2E8B57; color: rgba(complement(#2E8B57), $text-opacity); } }
@media (min-width: 1227px) { body { background-color: #321414; color: rgba(complement(#321414), $text-opacity); } }
@media (min-width: 1228px) { body { background-color: #FFF5EE; color: rgba(complement(#FFF5EE), $text-opacity); } }
@media (min-width: 1229px) { body { background-color: #FFBA00; color: rgba(complement(#FFBA00), $text-opacity); } }
@media (min-width: 1230px) { body { background-color: #704214; color: rgba(complement(#704214), $text-opacity); } }
@media (min-width: 1231px) { body { background-color: #8A795D; color: rgba(complement(#8A795D), $text-opacity); } }
@media (min-width: 1232px) { body { background-color: #778BA5; color: rgba(complement(#778BA5), $text-opacity); } }
@media (min-width: 1233px) { body { background-color: #FFCFF1; color: rgba(complement(#FFCFF1), $text-opacity); } }
@media (min-width: 1234px) { body { background-color: #009E60; color: rgba(complement(#009E60), $text-opacity); } }
@media (min-width: 1235px) { body { background-color: #8FD400; color: rgba(complement(#8FD400), $text-opacity); } }
@media (min-width: 1236px) { body { background-color: #D98695; color: rgba(complement(#D98695), $text-opacity); } }
@media (min-width: 1237px) { body { background-color: #FC0FC0; color: rgba(complement(#FC0FC0), $text-opacity); } }
@media (min-width: 1238px) { body { background-color: #FF6FFF; color: rgba(complement(#FF6FFF), $text-opacity); } }
@media (min-width: 1239px) { body { background-color: #882D17; color: rgba(complement(#882D17), $text-opacity); } }
@media (min-width: 1240px) { body { background-color: #C0C0C0; color: rgba(complement(#C0C0C0), $text-opacity); } }
@media (min-width: 1241px) { body { background-color: #ACACAC; color: rgba(complement(#ACACAC), $text-opacity); } }
@media (min-width: 1242px) { body { background-color: #5D89BA; color: rgba(complement(#5D89BA), $text-opacity); } }
@media (min-width: 1243px) { body { background-color: #C4AEAD; color: rgba(complement(#C4AEAD), $text-opacity); } }
@media (min-width: 1244px) { body { background-color: #BFC1C2; color: rgba(complement(#BFC1C2), $text-opacity); } }
@media (min-width: 1245px) { body { background-color: #CB410B; color: rgba(complement(#CB410B), $text-opacity); } }
@media (min-width: 1246px) { body { background-color: #007474; color: rgba(complement(#007474), $text-opacity); } }
@media (min-width: 1247px) { body { background-color: #87CEEB; color: rgba(complement(#87CEEB), $text-opacity); } }
@media (min-width: 1248px) { body { background-color: #CF71AF; color: rgba(complement(#CF71AF), $text-opacity); } }
@media (min-width: 1249px) { body { background-color: #6A5ACD; color: rgba(complement(#6A5ACD), $text-opacity); } }
@media (min-width: 1250px) { body { background-color: #708090; color: rgba(complement(#708090), $text-opacity); } }
@media (min-width: 1251px) { body { background-color: #003399; color: rgba(complement(#003399), $text-opacity); } }
@media (min-width: 1252px) { body { background-color: #C84186; color: rgba(complement(#C84186), $text-opacity); } }
@media (min-width: 1253px) { body { background-color: #738276; color: rgba(complement(#738276), $text-opacity); } }
@media (min-width: 1254px) { body { background-color: #933D41; color: rgba(complement(#933D41), $text-opacity); } }
@media (min-width: 1255px) { body { background-color: #100C08; color: rgba(complement(#100C08), $text-opacity); } }
@media (min-width: 1256px) { body { background-color: #FFFAFA; color: rgba(complement(#FFFAFA), $text-opacity); } }
@media (min-width: 1257px) { body { background-color: #CEC8EF; color: rgba(complement(#CEC8EF), $text-opacity); } }
@media (min-width: 1258px) { body { background-color: #893843; color: rgba(complement(#893843), $text-opacity); } }
@media (min-width: 1259px) { body { background-color: #757575; color: rgba(complement(#757575), $text-opacity); } }
@media (min-width: 1260px) { body { background-color: #9E1316; color: rgba(complement(#9E1316), $text-opacity); } }
@media (min-width: 1261px) { body { background-color: #1D2951; color: rgba(complement(#1D2951), $text-opacity); } }
@media (min-width: 1262px) { body { background-color: #807532; color: rgba(complement(#807532), $text-opacity); } }
@media (min-width: 1263px) { body { background-color: #0070B8; color: rgba(complement(#0070B8), $text-opacity); } }
@media (min-width: 1264px) { body { background-color: #D10047; color: rgba(complement(#D10047), $text-opacity); } }
@media (min-width: 1265px) { body { background-color: #E51A4C; color: rgba(complement(#E51A4C), $text-opacity); } }
@media (min-width: 1266px) { body { background-color: #989898; color: rgba(complement(#989898), $text-opacity); } }
@media (min-width: 1267px) { body { background-color: #009150; color: rgba(complement(#009150), $text-opacity); } }
@media (min-width: 1268px) { body { background-color: #E86100; color: rgba(complement(#E86100), $text-opacity); } }
@media (min-width: 1269px) { body { background-color: #F7BFBE; color: rgba(complement(#F7BFBE), $text-opacity); } }
@media (min-width: 1270px) { body { background-color: #E60026; color: rgba(complement(#E60026), $text-opacity); } }
@media (min-width: 1271px) { body { background-color: #00FFFF; color: rgba(complement(#00FFFF), $text-opacity); } }
@media (min-width: 1272px) { body { background-color: #4C2882; color: rgba(complement(#4C2882), $text-opacity); } }
@media (min-width: 1273px) { body { background-color: #007F5C; color: rgba(complement(#007F5C), $text-opacity); } }
@media (min-width: 1274px) { body { background-color: #0FC0FC; color: rgba(complement(#0FC0FC), $text-opacity); } }
@media (min-width: 1275px) { body { background-color: #A7FC00; color: rgba(complement(#A7FC00), $text-opacity); } }
@media (min-width: 1276px) { body { background-color: #00FF7F; color: rgba(complement(#00FF7F), $text-opacity); } }
@media (min-width: 1277px) { body { background-color: #007BB8; color: rgba(complement(#007BB8), $text-opacity); } }
@media (min-width: 1278px) { body { background-color: #4682B4; color: rgba(complement(#4682B4), $text-opacity); } }
@media (min-width: 1279px) { body { background-color: #CC33CC; color: rgba(complement(#CC33CC), $text-opacity); } }
@media (min-width: 1280px) { body { background-color: #FADA5E; color: rgba(complement(#FADA5E), $text-opacity); } }
@media (min-width: 1281px) { body { background-color: #990000; color: rgba(complement(#990000), $text-opacity); } }
@media (min-width: 1282px) { body { background-color: #4F666A; color: rgba(complement(#4F666A), $text-opacity); } }
@media (min-width: 1283px) { body { background-color: #E4D96F; color: rgba(complement(#E4D96F), $text-opacity); } }
@media (min-width: 1284px) { body { background-color: #FC5A8D; color: rgba(complement(#FC5A8D), $text-opacity); } }
@media (min-width: 1285px) { body { background-color: #FFCC33; color: rgba(complement(#FFCC33), $text-opacity); } }
@media (min-width: 1286px) { body { background-color: #E3AB57; color: rgba(complement(#E3AB57), $text-opacity); } }
@media (min-width: 1287px) { body { background-color: #FAD6A5; color: rgba(complement(#FAD6A5), $text-opacity); } }
@media (min-width: 1288px) { body { background-color: #FD5E53; color: rgba(complement(#FD5E53), $text-opacity); } }
@media (min-width: 1289px) { body { background-color: #CF6BA9; color: rgba(complement(#CF6BA9), $text-opacity); } }
@media (min-width: 1290px) { body { background-color: #D2B48C; color: rgba(complement(#D2B48C), $text-opacity); } }
@media (min-width: 1291px) { body { background-color: #F94D00; color: rgba(complement(#F94D00), $text-opacity); } }
@media (min-width: 1292px) { body { background-color: #F28500; color: rgba(complement(#F28500), $text-opacity); } }
@media (min-width: 1293px) { body { background-color: #FFCC00; color: rgba(complement(#FFCC00), $text-opacity); } }
@media (min-width: 1294px) { body { background-color: #E4717A; color: rgba(complement(#E4717A), $text-opacity); } }
@media (min-width: 1295px) { body { background-color: #483C32; color: rgba(complement(#483C32), $text-opacity); } }
@media (min-width: 1296px) { body { background-color: #8B8589; color: rgba(complement(#8B8589), $text-opacity); } }
@media (min-width: 1297px) { body { background-color: #D0F0C0; color: rgba(complement(#D0F0C0), $text-opacity); } }
@media (min-width: 1298px) { body { background-color: #F88379; color: rgba(complement(#F88379), $text-opacity); } }
@media (min-width: 1299px) { body { background-color: #F4C2C2; color: rgba(complement(#F4C2C2), $text-opacity); } }
@media (min-width: 1300px) { body { background-color: #008080; color: rgba(complement(#008080), $text-opacity); } }
@media (min-width: 1301px) { body { background-color: #367588; color: rgba(complement(#367588), $text-opacity); } }
@media (min-width: 1302px) { body { background-color: #99E6B3; color: rgba(complement(#99E6B3), $text-opacity); } }
@media (min-width: 1303px) { body { background-color: #00827F; color: rgba(complement(#00827F), $text-opacity); } }
@media (min-width: 1304px) { body { background-color: #CF3476; color: rgba(complement(#CF3476), $text-opacity); } }
@media (min-width: 1305px) { body { background-color: #CD5700; color: rgba(complement(#CD5700), $text-opacity); } }
@media (min-width: 1306px) { body { background-color: #E2725B; color: rgba(complement(#E2725B), $text-opacity); } }
@media (min-width: 1307px) { body { background-color: #D8BFD8; color: rgba(complement(#D8BFD8), $text-opacity); } }
@media (min-width: 1308px) { body { background-color: #DE6FA1; color: rgba(complement(#DE6FA1), $text-opacity); } }
@media (min-width: 1309px) { body { background-color: #FC89AC; color: rgba(complement(#FC89AC), $text-opacity); } }
@media (min-width: 1310px) { body { background-color: #0ABAB5; color: rgba(complement(#0ABAB5), $text-opacity); } }
@media (min-width: 1311px) { body { background-color: #E08D3C; color: rgba(complement(#E08D3C), $text-opacity); } }
@media (min-width: 1312px) { body { background-color: #DBD7D2; color: rgba(complement(#DBD7D2), $text-opacity); } }
@media (min-width: 1313px) { body { background-color: #EEE600; color: rgba(complement(#EEE600), $text-opacity); } }
@media (min-width: 1314px) { body { background-color: #FF6347; color: rgba(complement(#FF6347), $text-opacity); } }
@media (min-width: 1315px) { body { background-color: #746CC0; color: rgba(complement(#746CC0), $text-opacity); } }
@media (min-width: 1316px) { body { background-color: #FFC87C; color: rgba(complement(#FFC87C), $text-opacity); } }
@media (min-width: 1317px) { body { background-color: #FD0E35; color: rgba(complement(#FD0E35), $text-opacity); } }
@media (min-width: 1318px) { body { background-color: #808080; color: rgba(complement(#808080), $text-opacity); } }
@media (min-width: 1319px) { body { background-color: #00755E; color: rgba(complement(#00755E), $text-opacity); } }
@media (min-width: 1320px) { body { background-color: #0073CF; color: rgba(complement(#0073CF), $text-opacity); } }
@media (min-width: 1321px) { body { background-color: #417DC1; color: rgba(complement(#417DC1), $text-opacity); } }
@media (min-width: 1322px) { body { background-color: #FF878D; color: rgba(complement(#FF878D), $text-opacity); } }
@media (min-width: 1323px) { body { background-color: #DEAA88; color: rgba(complement(#DEAA88), $text-opacity); } }
@media (min-width: 1324px) { body { background-color: #B57281; color: rgba(complement(#B57281), $text-opacity); } }
@media (min-width: 1325px) { body { background-color: #40E0D0; color: rgba(complement(#40E0D0), $text-opacity); } }
@media (min-width: 1326px) { body { background-color: #00FFEF; color: rgba(complement(#00FFEF), $text-opacity); } }
@media (min-width: 1327px) { body { background-color: #A0D6B4; color: rgba(complement(#A0D6B4), $text-opacity); } }
@media (min-width: 1328px) { body { background-color: #FAD6A5; color: rgba(complement(#FAD6A5), $text-opacity); } }
@media (min-width: 1329px) { body { background-color: #6F4E37; color: rgba(complement(#6F4E37), $text-opacity); } }
@media (min-width: 1330px) { body { background-color: #7C4848; color: rgba(complement(#7C4848), $text-opacity); } }
@media (min-width: 1331px) { body { background-color: #A67B5B; color: rgba(complement(#A67B5B), $text-opacity); } }
@media (min-width: 1332px) { body { background-color: #C09999; color: rgba(complement(#C09999), $text-opacity); } }
@media (min-width: 1333px) { body { background-color: #8A496B; color: rgba(complement(#8A496B), $text-opacity); } }
@media (min-width: 1334px) { body { background-color: #66023C; color: rgba(complement(#66023C), $text-opacity); } }
@media (min-width: 1335px) { body { background-color: #0033AA; color: rgba(complement(#0033AA), $text-opacity); } }
@media (min-width: 1336px) { body { background-color: #D9004C; color: rgba(complement(#D9004C), $text-opacity); } }
@media (min-width: 1337px) { body { background-color: #8878C3; color: rgba(complement(#8878C3), $text-opacity); } }
@media (min-width: 1338px) { body { background-color: #536895; color: rgba(complement(#536895), $text-opacity); } }
@media (min-width: 1339px) { body { background-color: #FFB300; color: rgba(complement(#FFB300), $text-opacity); } }
@media (min-width: 1340px) { body { background-color: #3CD070; color: rgba(complement(#3CD070), $text-opacity); } }
@media (min-width: 1341px) { body { background-color: #120A8F; color: rgba(complement(#120A8F), $text-opacity); } }
@media (min-width: 1342px) { body { background-color: #4166F5; color: rgba(complement(#4166F5), $text-opacity); } }
@media (min-width: 1343px) { body { background-color: #FF6FFF; color: rgba(complement(#FF6FFF), $text-opacity); } }
@media (min-width: 1344px) { body { background-color: #FC6C85; color: rgba(complement(#FC6C85), $text-opacity); } }
@media (min-width: 1345px) { body { background-color: #635147; color: rgba(complement(#635147), $text-opacity); } }
@media (min-width: 1346px) { body { background-color: #FFDDCA; color: rgba(complement(#FFDDCA), $text-opacity); } }
@media (min-width: 1347px) { body { background-color: #5B92E5; color: rgba(complement(#5B92E5), $text-opacity); } }
@media (min-width: 1348px) { body { background-color: #B78727; color: rgba(complement(#B78727), $text-opacity); } }
@media (min-width: 1349px) { body { background-color: #FFFF66; color: rgba(complement(#FFFF66), $text-opacity); } }
@media (min-width: 1350px) { body { background-color: #014421; color: rgba(complement(#014421), $text-opacity); } }
@media (min-width: 1351px) { body { background-color: #7B1113; color: rgba(complement(#7B1113), $text-opacity); } }
@media (min-width: 1352px) { body { background-color: #AE2029; color: rgba(complement(#AE2029), $text-opacity); } }
@media (min-width: 1353px) { body { background-color: #E1AD21; color: rgba(complement(#E1AD21), $text-opacity); } }
@media (min-width: 1354px) { body { background-color: #004F98; color: rgba(complement(#004F98), $text-opacity); } }
@media (min-width: 1355px) { body { background-color: #990000; color: rgba(complement(#990000), $text-opacity); } }
@media (min-width: 1356px) { body { background-color: #FFCC00; color: rgba(complement(#FFCC00), $text-opacity); } }
@media (min-width: 1357px) { body { background-color: #F77F00; color: rgba(complement(#F77F00), $text-opacity); } }
@media (min-width: 1358px) { body { background-color: #D3003F; color: rgba(complement(#D3003F), $text-opacity); } }
@media (min-width: 1359px) { body { background-color: #F3E5AB; color: rgba(complement(#F3E5AB), $text-opacity); } }
@media (min-width: 1360px) { body { background-color: #F38FA9; color: rgba(complement(#F38FA9), $text-opacity); } }
@media (min-width: 1361px) { body { background-color: #C5B358; color: rgba(complement(#C5B358), $text-opacity); } }
@media (min-width: 1362px) { body { background-color: #C80815; color: rgba(complement(#C80815), $text-opacity); } }
@media (min-width: 1363px) { body { background-color: #43B3AE; color: rgba(complement(#43B3AE), $text-opacity); } }
@media (min-width: 1364px) { body { background-color: #E34234; color: rgba(complement(#E34234), $text-opacity); } }
@media (min-width: 1365px) { body { background-color: #D9381E; color: rgba(complement(#D9381E), $text-opacity); } }
@media (min-width: 1366px) { body { background-color: #A020F0; color: rgba(complement(#A020F0), $text-opacity); } }
@media (min-width: 1367px) { body { background-color: #8F00FF; color: rgba(complement(#8F00FF), $text-opacity); } }
@media (min-width: 1368px) { body { background-color: #7F00FF; color: rgba(complement(#7F00FF), $text-opacity); } }
@media (min-width: 1369px) { body { background-color: #8601AF; color: rgba(complement(#8601AF), $text-opacity); } }
@media (min-width: 1370px) { body { background-color: #EE82EE; color: rgba(complement(#EE82EE), $text-opacity); } }
@media (min-width: 1371px) { body { background-color: #324AB2; color: rgba(complement(#324AB2), $text-opacity); } }
@media (min-width: 1372px) { body { background-color: #F75394; color: rgba(complement(#F75394), $text-opacity); } }
@media (min-width: 1373px) { body { background-color: #40826D; color: rgba(complement(#40826D), $text-opacity); } }
@media (min-width: 1374px) { body { background-color: #009698; color: rgba(complement(#009698), $text-opacity); } }
@media (min-width: 1375px) { body { background-color: #7C9ED9; color: rgba(complement(#7C9ED9), $text-opacity); } }
@media (min-width: 1376px) { body { background-color: #922724; color: rgba(complement(#922724), $text-opacity); } }
@media (min-width: 1377px) { body { background-color: #9F1D35; color: rgba(complement(#9F1D35), $text-opacity); } }
@media (min-width: 1378px) { body { background-color: #DA1D81; color: rgba(complement(#DA1D81), $text-opacity); } }
@media (min-width: 1379px) { body { background-color: #CC00FF; color: rgba(complement(#CC00FF), $text-opacity); } }
@media (min-width: 1380px) { body { background-color: #00CCFF; color: rgba(complement(#00CCFF), $text-opacity); } }
@media (min-width: 1381px) { body { background-color: #FFA089; color: rgba(complement(#FFA089), $text-opacity); } }
@media (min-width: 1382px) { body { background-color: #9F00FF; color: rgba(complement(#9F00FF), $text-opacity); } }
@media (min-width: 1383px) { body { background-color: #004242; color: rgba(complement(#004242), $text-opacity); } }
@media (min-width: 1384px) { body { background-color: #A4F4F9; color: rgba(complement(#A4F4F9), $text-opacity); } }
@media (min-width: 1385px) { body { background-color: #645452; color: rgba(complement(#645452), $text-opacity); } }
@media (min-width: 1386px) { body { background-color: #F5DEB3; color: rgba(complement(#F5DEB3), $text-opacity); } }
@media (min-width: 1387px) { body { background-color: #FFFFFF; color: rgba(complement(#FFFFFF), $text-opacity); } }
@media (min-width: 1388px) { body { background-color: #F5F5F5; color: rgba(complement(#F5F5F5), $text-opacity); } }
@media (min-width: 1389px) { body { background-color: #A2ADD0; color: rgba(complement(#A2ADD0), $text-opacity); } }
@media (min-width: 1390px) { body { background-color: #D470A2; color: rgba(complement(#D470A2), $text-opacity); } }
@media (min-width: 1391px) { body { background-color: #FF43A4; color: rgba(complement(#FF43A4), $text-opacity); } }
@media (min-width: 1392px) { body { background-color: #FC6C85; color: rgba(complement(#FC6C85), $text-opacity); } }
@media (min-width: 1393px) { body { background-color: #FD5800; color: rgba(complement(#FD5800), $text-opacity); } }
@media (min-width: 1394px) { body { background-color: #A75502; color: rgba(complement(#A75502), $text-opacity); } }
@media (min-width: 1395px) { body { background-color: #722F37; color: rgba(complement(#722F37), $text-opacity); } }
@media (min-width: 1396px) { body { background-color: #673147; color: rgba(complement(#673147), $text-opacity); } }
@media (min-width: 1397px) { body { background-color: #C9A0DC; color: rgba(complement(#C9A0DC), $text-opacity); } }
@media (min-width: 1398px) { body { background-color: #C19A6B; color: rgba(complement(#C19A6B), $text-opacity); } }
@media (min-width: 1399px) { body { background-color: #738678; color: rgba(complement(#738678), $text-opacity); } }
@media (min-width: 1400px) { body { background-color: #0F4D92; color: rgba(complement(#0F4D92), $text-opacity); } }