Pen Settings

HTML

CSS

CSS Base

Vendor Prefixing

Add External Stylesheets/Pens

Any URL's added here will be added as <link>s in order, and before the CSS in the editor. If you link to another Pen, it will include the CSS from that Pen. If the preprocessor matches, it will attempt to combine them before processing.

+ add another resource

JavaScript

Babel is required to process package imports. If you need a different preprocessor remove all packages first.

Add External Scripts/Pens

Any URL's added here will be added as <script>s in order, and run before the JavaScript in the editor. You can use the URL of any other Pen and it will include the JavaScript from that Pen.

+ add another resource

Behavior

Save Automatically?

If active, Pens will autosave every 30 seconds after being saved once.

Auto-Updating Preview

If enabled, the preview panel updates automatically as you code. If disabled, use the "Run" button to update.

Format on Save

If enabled, your code will be formatted when you actively save your Pen. Note: your code becomes un-folded during formatting.

Editor Settings

Code Indentation

Want to change your Syntax Highlighting theme, Fonts and more?

Visit your global Editor Settings.

HTML

              
                <div class="container">
  <div class="row">
    <div class="col-sm text-center mt-4">
      <h2>Cool CSS Gradients v3.0</h2>
      <h5 class="font-weight-light">Volume 3: Checkerboard patterns (repeating linear gradients w/ transparency) </h5>
       <h6 class="font-weight-light">
        <a href="https://codepen.io/TheCSSKing/full/jddRmz" target="_blank">Volume 1</a>, <a href="https://codepen.io/TheCSSKing/full/QYRexd" target="_blank">Volume 2</a>, Volume 3</h6>
      <h6 class="font-weight-light text-muted">(Click any gradient to copy the style)</h6>    
    </div>
  </div>
  <div class="row mt-4">
    <div class="col-sm text-center" id="content">
    </div>
  </div>
  <div class="row mt-5">
    <div class="col-sm text-center">
      <p>
        Built by <a href="https://www.thecssking.com">The CSS King</a>, long may he reign
      </p>
    </div>
  </div>
  <div id="copyBox"></div>
</div>

              
            
!

CSS

              
                .show-grad {
  margin-bottom: 45px;
  &:last-child {
    margin-bottom: 0px;
  }
  width: 100%px;
  height: 150px;
  border-radius:4px;
  background-color: #222;
  transition: .4s all;
  cursor: pointer;
  
  &:hover {
    transform: scale(1.01);
  }
}

#copyBox {
  display: none;
}


.green-checkers {
  background: repeating-linear-gradient(90deg,rgba(143, 225, 204, 0.09067704995504933) 0px 22px,rgba(152, 222, 81, 0.4369723651897661) 22px 44px),repeating-linear-gradient(0deg,#6e8e60 0px 22px,#07435b 22px 44px);
}

.corners {
  background: repeating-linear-gradient(90deg,rgba(114, 191, 190, 0.036171342929943284) 0px 37px,rgba(157, 191, 114, 0.34135726546198364) 37px 74px),repeating-linear-gradient(0deg,#1af9f2 0px 37px,#cff366 37px 74px);
}

.preppy {
  background: repeating-linear-gradient(90deg,rgba(155, 114, 191, 0.4674758784015445) 0px 44px,rgba(114, 191, 125, 0.5898033093484696) 44px 88px),repeating-linear-gradient(0deg,#10ea57 0px 44px,#04b1a0 44px 88px);
}

.purple-shade {
  background: repeating-linear-gradient(90deg,rgba(145, 191, 114, 0.05461444056173903) 0px 26px,rgba(191, 114, 161, 0.15639038228704716) 26px 52px),repeating-linear-gradient(0deg,rgb(84,31,57) 0px 26px,rgb(109,30,70) 26px 52px,rgb(135,24,79) 52px 78px,rgb(135,24,79) 78px 104px,rgb(135,24,79) 104px 130px,rgb(109,30,70) 130px 156px);
}

.greenish {
  background: repeating-linear-gradient(90deg,rgba(70, 110, 124, 0.5643457164570085) 0px 31px,rgba(63, 145, 175, 0.6530695283629593) 31px 62px,rgba(70, 110, 124, 0.46446132210218716) 62px 93px,rgba(63, 145, 175, 0.3355584919386907) 93px 124px,rgba(65, 90, 99, 0.5036243568492338) 124px 155px,rgba(63, 145, 175, 0.742328374785052) 155px 186px,rgba(65, 90, 99, 0.09033227680784428) 186px 217px,rgba(63, 145, 175, 0.5522806699502865) 217px 248px,rgba(65, 90, 99, 0.7019168770063433) 248px 279px,rgba(69, 128, 150, 0.5891198979162173) 279px 310px,rgba(56, 69, 73, 0.5301484977158921) 310px 341px,rgba(56, 69, 73, 0.21543983498485275) 341px 372px,rgba(65, 90, 99, 0.3159165370498527) 372px 403px,rgba(65, 90, 99, 0.9109068036167072) 403px 434px,rgba(69, 128, 150, 0.10402712764242383) 434px 465px),repeating-linear-gradient(0deg,#6dcc08 0px 31px,#6dcc08 31px 62px,#6dcc08 62px 93px,#619925 93px 124px,#68b219 124px 155px,#577f2b 155px 186px,#619925 186px 217px,#76e500 217px 248px,#68b219 248px 279px,#577f2b 279px 310px,#76e500 310px 341px,#68b219 341px 372px,#619925 372px 403px,#619925 403px 434px,#6dcc08 434px 465px);
}

.woodish {
  background: repeating-linear-gradient(90deg,rgba(0.716690717456115, 0.716690717456115, 0.716690717456115, 0.005079883591703638) 0px 25px,rgba(221, 253, 255, 0.5404375712677054) 25px 50px,rgba(0.716690717456115, 0.716690717456115, 0.716690717456115, 0.8759034448526994) 50px 75px,rgba(196, 251, 255, 0.8609089543846089) 75px 100px,rgba(0.816690717456115, 0.816690717456115, 0.816690717456115, 0.7067432225842625) 100px 125px,rgba(226, 233, 233, 0.7481649046904764) 125px 150px,rgba(0.716690717456115, 0.716690717456115, 0.716690717456115, 0.16225640752272064) 150px 175px,rgba(196, 251, 255, 0.3885990126573291) 175px 200px,rgba(226, 233, 233, 0.9250062186280223) 200px 225px,rgba(226, 233, 233, 0.4168699490244021) 225px 250px,rgba(0.716690717456115, 0.716690717456115, 0.716690717456115, 0.8252542503902813) 250px 275px),repeating-linear-gradient(0deg,#322214 0px 25px,#19120c 25px 50px,#19120c 50px 75px,#322214 75px 100px,#653a15 100px 125px,#322214 125px 150px,#322214 150px 175px,#000000 175px 200px,#653a15 200px 225px,#322214 225px 250px,#322214 250px 275px);
}

.professor {
  background: repeating-linear-gradient(90deg,rgba(164, 231, 181, 0.4596050288401228) 0px 37px,rgba(169, 231, 164, 0.6401606896129637) 37px 74px,rgba(231, 226, 164, 0.1920134729732863) 74px 111px,rgba(214, 231, 164, 0.3939384290771595) 111px 148px,rgba(231, 226, 164, 0.12236562703678988) 148px 185px,rgba(164, 231, 181, 0.001410121699338518) 185px 222px,rgba(231, 226, 164, 0.6136899748897697) 222px 259px,rgba(231, 226, 164, 0.5057841904963412) 259px 296px,rgba(214, 231, 164, 0.3463600538155105) 296px 333px),repeating-linear-gradient(0deg,#361f15 0px 37px,#502717 37px 74px,#502717 74px 111px,#692c14 111px 148px,#9c2c00 148px 185px,#361f15 185px 222px,#832d0c 222px 259px,#502717 259px 296px,#361f15 296px 333px);
}

.evening-colors {
  background: repeating-linear-gradient(90deg,rgba(61, 36, 204, 0.5652759614654332) 0px 30px,rgba(174, 36, 204, 0.4787146166441296) 30px 60px,rgba(36, 67, 204, 0.9652516254819918) 60px 90px,rgba(36, 67, 204, 0.5855741818107905) 90px 120px,rgba(174, 36, 204, 0.042826083917467894) 120px 150px,rgba(118, 36, 204, 0.3352807992512621) 150px 180px,rgba(118, 36, 204, 0.6545974827492897) 180px 210px,rgba(174, 36, 204, 0.6161154130983229) 210px 240px,rgba(174, 36, 204, 0.14870013356335) 240px 270px,rgba(36, 67, 204, 0.02567209846466678) 270px 300px,rgba(204, 36, 179, 0.8193197708328641) 300px 330px,rgba(61, 36, 204, 0.6396376163349087) 330px 360px,rgba(204, 36, 179, 0.13128962640836517) 360px 390px,rgba(204, 36, 123, 0.0073287227281597644) 390px 420px,rgba(36, 67, 204, 0.10914650445703877) 420px 450px),repeating-linear-gradient(0deg,#427a99 0px 30px,#2f95cc 30px 60px,#08a8ff 60px 90px,#2f95cc 90px 120px,#427a99 120px 150px,#427a99 150px 180px,#427a99 180px 210px,#08a8ff 210px 240px,#3b89b2 240px 270px,#2f95cc 270px 300px,#427a99 300px 330px,#427a99 330px 360px,#1ea0e5 360px 390px,#3b89b2 390px 420px,#2f95cc 420px 450px);
}

.deep-purple {
  background: repeating-linear-gradient(90deg,rgba(7, 30, 17, 0.09386965579538509) 0px 40px,rgba(12, 30, 7, 0.36274208971343413) 40px 80px,rgba(7, 30, 17, 0.45502388342891753) 80px 120px,rgba(7, 30, 25, 0.39994954827106755) 120px 160px,rgba(7, 30, 17, 0.7457516660177965) 160px 200px,rgba(12, 30, 7, 0.47624511813994586) 200px 240px,rgba(12, 30, 7, 0.7293339564961305) 240px 280px,rgba(7, 30, 17, 0.4408935834687897) 280px 320px),repeating-linear-gradient(0deg,#930087 0px 40px,#600d59 40px 80px,#930087 80px 120px,#ac009e 120px 160px,#600d59 160px 200px,#790470 200px 240px,#ac009e 240px 280px,#930087 280px 320px);
}

.weird-christmas {
  background: repeating-linear-gradient(90deg,rgba(69, 248, 78, 0.6938707611861117) 0px 12px,rgba(69, 248, 137, 0.22997788040116118) 12px 24px,rgba(180, 248, 69, 0.0552950457067225) 24px 36px,rgba(240, 248, 69, 0.6249256766015026) 36px 48px,rgba(69, 248, 78, 0.8613180914912852) 48px 60px,rgba(121, 248, 69, 0.009969788687646863) 60px 72px,rgba(180, 248, 69, 0.4396126450761415) 72px 84px,rgba(180, 248, 69, 0.09498659772825313) 84px 96px,rgba(69, 248, 137, 0.8886475898021717) 96px 108px,rgba(69, 248, 78, 0.6807391541169396) 108px 120px,rgba(240, 248, 69, 0.900296372315087) 120px 132px,rgba(180, 248, 69, 0.5149371972927312) 132px 144px,rgba(69, 248, 137, 0.6610879801598384) 144px 156px),repeating-linear-gradient(0deg,#894646 0px 12px,#ef1a1a 12px 24px,#ef1a1a 24px 36px,#ef1a1a 36px 48px,#a24242 48px 60px,#ef1a1a 60px 72px,#a24242 72px 84px,#a24242 84px 96px,#894646 96px 108px,#d52c2c 108px 120px,#bc3a3a 120px 132px,#ef1a1a 132px 144px,#894646 144px 156px);
}

.blue-dream{
  background: repeating-linear-gradient(90deg,rgba(0, 202, 127, 0.7924989957379693) 0px 35px,rgba(0, 142, 202, 0.8615481532263112) 35px 70px,rgba(0, 202, 60, 0.39735538137597204) 70px 105px,rgba(0, 202, 194, 0.9314726801542088) 105px 140px,rgba(0, 75, 202, 0.501921249237723) 140px 175px,rgba(0, 75, 202, 0.4195355422587703) 175px 210px,rgba(0, 75, 202, 0.5434156915238808) 210px 245px,rgba(0, 142, 202, 0.9090313541102848) 245px 280px,rgba(0, 142, 202, 0.3688535811497813) 280px 315px),repeating-linear-gradient(0deg,#35bcd4 0px 35px,#24cfee 35px 70px,#41a9bb 70px 105px,#4994a1 105px 140px,#0ddaff 140px 175px,#41a9bb 175px 210px,#24cfee 210px 245px,#41a9bb 245px 280px,#4994a1 280px 315px);
}

.green-shirt {
  background: repeating-linear-gradient(90deg,rgba(160, 179, 239, 0.09688342372528647) 0px 18px,rgba(160, 239, 167, 0.9992381255315641) 18px 36px,rgba(160, 179, 239, 0.3876238368211007) 36px 54px,rgba(160, 179, 239, 0.02891477739276649) 54px 72px,rgba(160, 239, 220, 0.18869522518050852) 72px 90px,rgba(160, 239, 220, 0.17310684055890646) 90px 108px,rgba(160, 205, 239, 0.49725674096962713) 108px 126px,rgba(160, 179, 239, 0.07543177781336152) 126px 144px,rgba(160, 205, 239, 0.6810805176191497) 144px 162px,rgba(160, 205, 239, 0.4237486702085649) 162px 180px,rgba(160, 239, 220, 0.6257062826016968) 180px 198px,rgba(160, 179, 239, 0.5461730722789007) 198px 216px,rgba(160, 232, 239, 0.8449727106279026) 216px 234px,rgba(160, 239, 167, 0.6531666980016677) 234px 252px,rgba(160, 205, 239, 0.006592562064096308) 252px 270px,rgba(160, 179, 239, 0.26824731909769683) 270px 288px,rgba(160, 239, 220, 0.7543647147057948) 288px 306px),repeating-linear-gradient(0deg,#34392b 0px 18px,#34392b 18px 36px,#495336 36px 54px,#1e201b 54px 72px,#34392b 72px 90px,#060606 90px 108px,#5c6c3c 108px 126px,#34392b 126px 144px,#495336 144px 162px,#5c6c3c 162px 180px,#1e201b 180px 198px,#495336 198px 216px,#1e201b 216px 234px,#1e201b 234px 252px,#060606 252px 270px,#1e201b 270px 288px,#34392b 288px 306px);
}

.blue-window {
  background: repeating-linear-gradient(0deg,rgba(255, 255, 255, 0.262158217725732) 0px 15px,rgba(255, 255, 255, 0.2937258445580062) 15px 30px,rgba(255, 255, 255, 0.5939984993258196) 30px 45px,rgba(255, 255, 255, 0.4454066964551111) 45px 60px,rgba(255, 255, 255, 0.12944198030788878) 60px 75px,rgba(255, 255, 255, 0.34307706587242026) 75px 90px,rgba(255, 255, 255, 0.7710065485742779) 90px 105px,rgba(255, 255, 255, 0.2501567391323478) 105px 120px,rgba(255, 255, 255, 0.8288165709381783) 120px 135px,rgba(255, 255, 255, 0.7139091654200724) 135px 150px,rgba(255, 255, 255, 0.7972671608259878) 150px 165px,rgba(255, 255, 255, 0.49464631289159144) 165px 180px,rgba(255, 255, 255, 0.45689520533752837) 180px 195px,rgba(255, 255, 255, 0.657150940236988) 195px 210px,rgba(255, 255, 255, 0.5732128985444269) 210px 225px,rgba(255, 255, 255, 0.09885336635391417) 225px 240px,rgba(255, 255, 255, 0.5468320846795587) 240px 255px,rgba(255, 255, 255, 0.48531006954416167) 255px 270px,rgba(255, 255, 255, 0.22085116025436746) 270px 285px,rgba(255, 255, 255, 0.12825875188223423) 285px 300px,rgba(255, 255, 255, 0.07519865553347937) 300px 315px,rgba(255, 255, 255, 0.970400070759883) 315px 330px,rgba(255, 255, 255, 0.042589531184233254) 330px 345px,rgba(255, 255, 255, 0.9912990402930932) 345px 360px,rgba(255, 255, 255, 0.7275704505747662) 360px 375px,rgba(255, 255, 255, 0.8110179342787978) 375px 390px,rgba(255, 255, 255, 0.5438542360915097) 390px 405px,rgba(255, 255, 255, 0.7090152432920112) 405px 420px),repeating-linear-gradient(90deg,rgba(255, 255, 255, 0.7348490848133553) 0px 15px,rgba(255, 255, 255, 0.6018357011226791) 15px 30px,rgba(255, 255, 255, 0.3772945732790016) 30px 45px,rgba(255, 255, 255, 0.5985246169131144) 45px 60px,rgba(255, 255, 255, 0.9405489011717567) 60px 75px,rgba(255, 255, 255, 0.7275889905800574) 75px 90px,rgba(255, 255, 255, 0.8610193240155293) 90px 105px,rgba(255, 255, 255, 0.6177309714460673) 105px 120px,rgba(255, 255, 255, 0.4185695841135806) 120px 135px,rgba(255, 255, 255, 0.8121005570889486) 135px 150px,rgba(255, 255, 255, 0.41601262182881205) 150px 165px,rgba(255, 255, 255, 0.3136141252822342) 165px 180px,rgba(255, 255, 255, 0.07269372449602796) 180px 195px,rgba(255, 255, 255, 0.6709334743634869) 195px 210px,rgba(255, 255, 255, 0.2533709972684828) 210px 225px,rgba(255, 255, 255, 0.736254851984818) 225px 240px,rgba(255, 255, 255, 0.5790346155922346) 240px 255px,rgba(255, 255, 255, 0.9855391774562023) 255px 270px,rgba(255, 255, 255, 0.7702903362339564) 270px 285px,rgba(255, 255, 255, 0.6761768555225367) 285px 300px,rgba(255, 255, 255, 0.5130091810078141) 300px 315px,rgba(255, 255, 255, 0.6337197481009218) 315px 330px,rgba(255, 255, 255, 0.7883286367288314) 330px 345px,rgba(255, 255, 255, 0.09333556707214519) 345px 360px,rgba(255, 255, 255, 0.7154756081330824) 360px 375px,rgba(255, 255, 255, 0.7151315323411771) 375px 390px,rgba(255, 255, 255, 0.2588439297254317) 390px 405px),linear-gradient(#1f07fa,#3acdff);
}

.stained-glass {
  background: repeating-linear-gradient(0deg,rgba(255, 255, 255, 0.1356293596606889) 0px 25px,rgba(255, 255, 255, 0.3084250080852301) 25px 50px,rgba(255, 255, 255, 0.027531018131583318) 50px 75px,rgba(255, 255, 255, 0.272016173392869) 75px 100px,rgba(255, 255, 255, 0.2777092483471115) 100px 125px,rgba(255, 255, 255, 0.35098688091859687) 125px 150px,rgba(255, 255, 255, 0.02041275610913096) 150px 175px,rgba(255, 255, 255, 0.2843661402286404) 175px 200px,rgba(255, 255, 255, 0.2829577948909331) 200px 225px,rgba(255, 255, 255, 0.4447376660419273) 225px 250px,rgba(255, 255, 255, 0.2626449440305254) 250px 275px,rgba(255, 255, 255, 0.0071471571911634335) 275px 300px),repeating-linear-gradient(304deg,rgba(255, 255, 255, 0.3013693944365988) 0px 25px,rgba(255, 255, 255, 0.3200160317885602) 25px 50px,rgba(255, 255, 255, 0.04109061803135561) 50px 75px,rgba(255, 255, 255, 0.3563855887992101) 75px 100px,rgba(255, 255, 255, 0.27291400190260473) 100px 125px,rgba(255, 255, 255, 0.19339051069188484) 125px 150px,rgba(255, 255, 255, 0.13475910859429496) 150px 175px,rgba(255, 255, 255, 0.33649942551212) 175px 200px,rgba(255, 255, 255, 0.00207471328858555) 200px 225px,rgba(255, 255, 255, 0.472163400839665) 225px 250px,rgba(255, 255, 255, 0.1713580878102272) 250px 275px,rgba(255, 255, 255, 0.05483828346840469) 275px 300px,rgba(255, 255, 255, 0.10952654195354594) 300px 325px),repeating-linear-gradient(90deg,rgba(255, 255, 255, 0.18849740043063234) 0px 25px,rgba(255, 255, 255, 0.4178222100638219) 25px 50px,rgba(255, 255, 255, 0.34604162076944545) 50px 75px,rgba(255, 255, 255, 0.2942681280937097) 75px 100px,rgba(255, 255, 255, 0.2744852702738546) 100px 125px,rgba(255, 255, 255, 0.2709666231232455) 125px 150px,rgba(255, 255, 255, 0.27305034128240036) 150px 175px,rgba(255, 255, 255, 0.08548457424854283) 175px 200px,rgba(255, 255, 255, 0.19528018030036076) 200px 225px,rgba(255, 255, 255, 0.11254861616247491) 225px 250px,rgba(255, 255, 255, 0.05077703381120402) 250px 275px,rgba(255, 255, 255, 0.307002826899304) 275px 300px,rgba(255, 255, 255, 0.20563548374890817) 300px 325px,rgba(255, 255, 255, 0.4105771273181231) 325px 350px,rgba(255, 255, 255, 0.01869527823196182) 350px 375px,rgba(255, 255, 255, 0.3793658943823782) 375px 400px,rgba(255, 255, 255, 0.30414243417064724) 400px 425px,rgba(255, 255, 255, 0.4741092722933261) 425px 450px,rgba(255, 255, 255, 0.17360503643071168) 450px 475px,rgba(255, 255, 255, 0.32362825049357746) 475px 500px,rgba(255, 255, 255, 0.03764533579496687) 500px 525px,rgba(255, 255, 255, 0.07797769110066921) 525px 550px,rgba(255, 255, 255, 0.24500836661459924) 550px 575px,rgba(255, 255, 255, 0.12087657477118852) 575px 600px,rgba(255, 255, 255, 0.3301612086588356) 600px 625px),repeating-linear-gradient(214deg,rgba(255, 255, 255, 0.42942264604952873) 0px 25px,rgba(255, 255, 255, 0.32211209851490796) 25px 50px,rgba(255, 255, 255, 0.12863476549227104) 50px 75px,rgba(255, 255, 255, 0.23960248371698356) 75px 100px,rgba(255, 255, 255, 0.2376265085435576) 100px 125px,rgba(255, 255, 255, 0.25228068283279415) 125px 150px,rgba(255, 255, 255, 0.19951824067537716) 150px 175px,rgba(255, 255, 255, 0.04350512877459867) 175px 200px,rgba(255, 255, 255, 0.40124069085720593) 200px 225px,rgba(255, 255, 255, 0.483618925490807) 225px 250px,rgba(255, 255, 255, 0.4936230048330966) 250px 275px,rgba(255, 255, 255, 0.1864701705869749) 275px 300px,rgba(255, 255, 255, 0.10246137336129368) 300px 325px,rgba(255, 255, 255, 0.24661046762717165) 325px 350px),linear-gradient(90deg, #9e5510,#37bc37);
}

.green-window {
  background: repeating-linear-gradient(0deg,rgba(255,255,255,0.30) 0px 36px, rgba(255,255,255,0.31) 36px 72px, rgba(255,255,255,0.20) 72px 108px, rgba(255,255,255,0.10) 108px 144px, rgba(255,255,255,0.04) 144px 180px, rgba(255,255,255,0.41) 180px 216px, rgba(255,255,255,0.13) 216px 252px, rgba(255,255,255,0.43) 252px 288px, rgba(255,255,255,0.10) 288px 324px, rgba(255,255,255,0.29) 324px 360px, rgba(255,255,255,0.18) 360px 396px, rgba(255,255,255,0.01) 396px 432px, rgba(255,255,255,0.02) 432px 468px, rgba(255,255,255,0.45) 468px 504px, rgba(255,255,255,0.25) 504px 540px, rgba(255,255,255,0.02) 540px 576px, rgba(255,255,255,0.20) 576px 612px),repeating-linear-gradient(90deg,rgba(255,255,255,0.33) 0px 36px, rgba(255,255,255,0.10) 36px 72px, rgba(255,255,255,0.16) 72px 108px, rgba(255,255,255,0.09) 108px 144px, rgba(255,255,255,0.30) 144px 180px, rgba(255,255,255,0.34) 180px 216px, rgba(255,255,255,0.15) 216px 252px, rgba(255,255,255,0.26) 252px 288px, rgba(255,255,255,0.31) 288px 324px, rgba(255,255,255,0.19) 324px 360px, rgba(255,255,255,0.10) 360px 396px, rgba(255,255,255,0.01) 396px 432px, rgba(255,255,255,0.43) 432px 468px, rgba(255,255,255,0.34) 468px 504px, rgba(255,255,255,0.33) 504px 540px, rgba(255,255,255,0.12) 540px 576px, rgba(255,255,255,0.37) 576px 612px, rgba(255,255,255,0.38) 612px 648px, rgba(255,255,255,0.04) 648px 684px, rgba(255,255,255,0.35) 684px 720px, rgba(255,255,255,0.08) 720px 756px, rgba(255,255,255,0.46) 756px 792px),repeating-linear-gradient(45deg,rgba(255,255,255,0.18) 0px 36px, rgba(255,255,255,0.28) 36px 72px, rgba(255,255,255,0.12) 72px 108px, rgba(255,255,255,0.40) 108px 144px, rgba(255,255,255,0.40) 144px 180px, rgba(255,255,255,0.40) 180px 216px, rgba(255,255,255,0.06) 216px 252px, rgba(255,255,255,0.40) 252px 288px, rgba(255,255,255,0.30) 288px 324px, rgba(255,255,255,0.25) 324px 360px, rgba(255,255,255,0.30) 360px 396px, rgba(255,255,255,0.22) 396px 432px),linear-gradient(135deg, #a6cf78,#077524);
}

.sunlight {
  background: repeating-linear-gradient(0deg,rgba(0.18,0.18,0.18,0.10) 0px 20px, rgba(0.57,0.57,0.57,0.23) 20px 40px, rgba(0.85,0.85,0.85,0.25) 40px 60px, rgba(0.34,0.34,0.34,0.11) 60px 80px, rgba(0.98,0.98,0.98,0.03) 80px 100px, rgba(0.57,0.57,0.57,0.07) 100px 120px, rgba(0.01,0.01,0.01,0.07) 120px 140px, rgba(0.54,0.54,0.54,0.09) 140px 160px, rgba(0.29,0.29,0.29,0.11) 160px 180px, rgba(0.82,0.82,0.82,0.02) 180px 200px, rgba(0.19,0.19,0.19,0.10) 200px 220px, rgba(0.38,0.38,0.38,0.05) 220px 240px, rgba(0.34,0.34,0.34,0.00) 240px 260px, rgba(0.51,0.51,0.51,0.20) 260px 280px, rgba(0.89,0.89,0.89,0.20) 280px 300px, rgba(0.58,0.58,0.58,0.00) 300px 320px, rgba(0.10,0.10,0.10,0.10) 320px 340px, rgba(0.32,0.32,0.32,0.13) 340px 360px, rgba(0.30,0.30,0.30,0.15) 360px 380px, rgba(0.88,0.88,0.88,0.14) 380px 400px, rgba(0.86,0.86,0.86,0.24) 400px 420px, rgba(0.78,0.78,0.78,0.09) 420px 440px, rgba(0.59,0.59,0.59,0.25) 440px 460px, rgba(0.23,0.23,0.23,0.09) 460px 480px),repeating-linear-gradient(90deg,rgba(0.81,0.81,0.81,0.13) 0px 20px, rgba(0.31,0.31,0.31,0.02) 20px 40px, rgba(0.64,0.64,0.64,0.24) 40px 60px, rgba(0.22,0.22,0.22,0.19) 60px 80px, rgba(0.16,0.16,0.16,0.09) 80px 100px, rgba(0.11,0.11,0.11,0.03) 100px 120px, rgba(0.25,0.25,0.25,0.03) 120px 140px, rgba(0.84,0.84,0.84,0.02) 140px 160px, rgba(0.12,0.12,0.12,0.00) 160px 180px, rgba(0.15,0.15,0.15,0.12) 180px 200px, rgba(0.10,0.10,0.10,0.00) 200px 220px, rgba(0.38,0.38,0.38,0.00) 220px 240px),repeating-linear-gradient(135deg,rgba(0.59,0.59,0.59,0.19) 0px 16px, rgba(0.17,0.17,0.17,0.13) 16px 32px, rgba(0.59,0.59,0.59,0.21) 32px 48px, rgba(0.56,0.56,0.56,0.04) 48px 64px, rgba(0.71,0.71,0.71,0.19) 64px 80px, rgba(0.31,0.31,0.31,0.17) 80px 96px, rgba(0.68,0.68,0.68,0.23) 96px 112px, rgba(0.24,0.24,0.24,0.11) 112px 128px, rgba(0.86,0.86,0.86,0.08) 128px 144px, rgba(0.99,0.99,0.99,0.24) 144px 160px, rgba(0.54,0.54,0.54,0.24) 160px 176px, rgba(0.71,0.71,0.71,0.15) 176px 192px, rgba(0.09,0.09,0.09,0.22) 192px 208px, rgba(0.06,0.06,0.06,0.00) 208px 224px, rgba(0.31,0.31,0.31,0.17) 224px 240px, rgba(0.35,0.35,0.35,0.11) 240px 256px, rgba(0.16,0.16,0.16,0.07) 256px 272px, rgba(0.31,0.31,0.31,0.06) 272px 288px, rgba(0.14,0.14,0.14,0.14) 288px 304px, rgba(0.05,0.05,0.05,0.03) 304px 320px, rgba(0.00,0.00,0.00,0.08) 320px 336px),linear-gradient(90deg, #3c5804,#ebdf34);
}

.depths {
  background: repeating-linear-gradient(0deg,rgba(0.42,0.42,0.42,0.04) 0px 17px, rgba(0.79,0.79,0.79,0.15) 17px 34px, rgba(0.42,0.42,0.42,0.19) 34px 51px, rgba(0.83,0.83,0.83,0.08) 51px 68px, rgba(0.92,0.92,0.92,0.07) 68px 85px, rgba(0.83,0.83,0.83,0.13) 85px 102px, rgba(0.34,0.34,0.34,0.00) 102px 119px, rgba(0.55,0.55,0.55,0.04) 119px 136px, rgba(0.41,0.41,0.41,0.04) 136px 153px, rgba(0.29,0.29,0.29,0.02) 153px 170px, rgba(0.36,0.36,0.36,0.22) 170px 187px, rgba(0.20,0.20,0.20,0.08) 187px 204px, rgba(0.00,0.00,0.00,0.07) 204px 221px, rgba(0.71,0.71,0.71,0.22) 221px 238px, rgba(0.63,0.63,0.63,0.19) 238px 255px, rgba(0.39,0.39,0.39,0.09) 255px 272px, rgba(0.21,0.21,0.21,0.21) 272px 289px, rgba(0.22,0.22,0.22,0.08) 289px 306px, rgba(0.67,0.67,0.67,0.24) 306px 323px, rgba(0.56,0.56,0.56,0.19) 323px 340px, rgba(0.21,0.21,0.21,0.11) 340px 357px, rgba(0.46,0.46,0.46,0.02) 357px 374px, rgba(0.67,0.67,0.67,0.10) 374px 391px, rgba(0.85,0.85,0.85,0.09) 391px 408px, rgba(0.72,0.72,0.72,0.03) 408px 425px, rgba(0.89,0.89,0.89,0.05) 425px 442px, rgba(0.11,0.11,0.11,0.07) 442px 459px, rgba(0.18,0.18,0.18,0.03) 459px 476px, rgba(0.78,0.78,0.78,0.17) 476px 493px),repeating-linear-gradient(90deg,rgba(0.01,0.01,0.01,0.02) 0px 17px, rgba(0.60,0.60,0.60,0.04) 17px 34px, rgba(0.99,0.99,0.99,0.11) 34px 51px, rgba(0.55,0.55,0.55,0.13) 51px 68px, rgba(0.45,0.45,0.45,0.16) 68px 85px, rgba(0.91,0.91,0.91,0.08) 85px 102px, rgba(0.80,0.80,0.80,0.22) 102px 119px, rgba(0.77,0.77,0.77,0.22) 119px 136px, rgba(0.51,0.51,0.51,0.16) 136px 153px, rgba(0.67,0.67,0.67,0.21) 153px 170px),repeating-linear-gradient(90deg,rgba(0.78,0.78,0.78,0.13) 0px 19px, rgba(0.76,0.76,0.76,0.02) 19px 38px, rgba(0.77,0.77,0.77,0.10) 38px 57px, rgba(0.87,0.87,0.87,0.21) 57px 76px, rgba(0.52,0.52,0.52,0.17) 76px 95px, rgba(0.46,0.46,0.46,0.17) 95px 114px, rgba(0.27,0.27,0.27,0.21) 114px 133px, rgba(0.27,0.27,0.27,0.16) 133px 152px, rgba(0.87,0.87,0.87,0.15) 152px 171px, rgba(0.18,0.18,0.18,0.14) 171px 190px, rgba(0.10,0.10,0.10,0.14) 190px 209px, rgba(0.93,0.93,0.93,0.14) 209px 228px, rgba(0.30,0.30,0.30,0.17) 228px 247px, rgba(0.49,0.49,0.49,0.02) 247px 266px, rgba(0.31,0.31,0.31,0.21) 266px 285px, rgba(0.16,0.16,0.16,0.21) 285px 304px, rgba(0.68,0.68,0.68,0.05) 304px 323px),linear-gradient(45deg, #0668d3,#08ac0b);
}

.quilt {
  background: repeating-linear-gradient(0deg,rgba(0.05,0.05,0.05,0.02) 0px 34px, rgba(0.48,0.48,0.48,0.19) 34px 68px, rgba(0.75,0.75,0.75,0.10) 68px 102px, rgba(0.77,0.77,0.77,0.07) 102px 136px, rgba(0.75,0.75,0.75,0.01) 136px 170px, rgba(0.17,0.17,0.17,0.01) 170px 204px, rgba(0.90,0.90,0.90,0.17) 204px 238px, rgba(0.46,0.46,0.46,0.03) 238px 272px, rgba(0.55,0.55,0.55,0.19) 272px 306px, rgba(0.55,0.55,0.55,0.13) 306px 340px, rgba(0.86,0.86,0.86,0.15) 340px 374px, rgba(0.73,0.73,0.73,0.15) 374px 408px, rgba(0.33,0.33,0.33,0.14) 408px 442px, rgba(0.63,0.63,0.63,0.07) 442px 476px, rgba(0.74,0.74,0.74,0.06) 476px 510px, rgba(0.54,0.54,0.54,0.06) 510px 544px, rgba(0.60,0.60,0.60,0.03) 544px 578px, rgba(0.96,0.96,0.96,0.23) 578px 612px, rgba(0.23,0.23,0.23,0.03) 612px 646px, rgba(0.32,0.32,0.32,0.10) 646px 680px, rgba(0.91,0.91,0.91,0.13) 680px 714px, rgba(0.08,0.08,0.08,0.18) 714px 748px),repeating-linear-gradient(90deg,rgba(0.27,0.27,0.27,0.03) 0px 34px, rgba(0.37,0.37,0.37,0.23) 34px 68px, rgba(0.25,0.25,0.25,0.01) 68px 102px, rgba(0.92,0.92,0.92,0.11) 102px 136px, rgba(0.66,0.66,0.66,0.21) 136px 170px, rgba(0.11,0.11,0.11,0.05) 170px 204px, rgba(0.36,0.36,0.36,0.22) 204px 238px, rgba(0.72,0.72,0.72,0.07) 238px 272px, rgba(0.13,0.13,0.13,0.06) 272px 306px, rgba(0.99,0.99,0.99,0.15) 306px 340px, rgba(0.76,0.76,0.76,0.12) 340px 374px, rgba(0.12,0.12,0.12,0.06) 374px 408px, rgba(0.00,0.00,0.00,0.19) 408px 442px),repeating-linear-gradient(135deg,rgba(0.65,0.65,0.65,0.06) 0px 37px, rgba(0.68,0.68,0.68,0.00) 37px 74px, rgba(0.11,0.11,0.11,0.07) 74px 111px, rgba(0.18,0.18,0.18,0.13) 111px 148px, rgba(0.50,0.50,0.50,0.05) 148px 185px, rgba(0.41,0.41,0.41,0.01) 185px 222px, rgba(0.01,0.01,0.01,0.06) 222px 259px, rgba(0.42,0.42,0.42,0.14) 259px 296px, rgba(0.20,0.20,0.20,0.17) 296px 333px, rgba(0.03,0.03,0.03,0.01) 333px 370px, rgba(0.01,0.01,0.01,0.09) 370px 407px, rgba(0.12,0.12,0.12,0.16) 407px 444px, rgba(0.13,0.13,0.13,0.03) 444px 481px, rgba(0.41,0.41,0.41,0.13) 481px 518px, rgba(0.36,0.36,0.36,0.20) 518px 555px, rgba(0.93,0.93,0.93,0.21) 555px 592px, rgba(0.22,0.22,0.22,0.21) 592px 629px, rgba(0.48,0.48,0.48,0.03) 629px 666px),repeating-linear-gradient(45deg,rgba(0.97,0.97,0.97,0.15) 0px 33px, rgba(0.22,0.22,0.22,0.25) 33px 66px, rgba(0.39,0.39,0.39,0.10) 66px 99px, rgba(0.98,0.98,0.98,0.03) 99px 132px, rgba(0.20,0.20,0.20,0.00) 132px 165px, rgba(0.06,0.06,0.06,0.25) 165px 198px, rgba(0.61,0.61,0.61,0.07) 198px 231px, rgba(0.73,0.73,0.73,0.07) 231px 264px, rgba(0.78,0.78,0.78,0.22) 264px 297px, rgba(0.42,0.42,0.42,0.23) 297px 330px, rgba(0.89,0.89,0.89,0.01) 330px 363px, rgba(0.13,0.13,0.13,0.22) 363px 396px, rgba(0.49,0.49,0.49,0.03) 396px 429px, rgba(0.45,0.45,0.45,0.10) 429px 462px, rgba(0.00,0.00,0.00,0.12) 462px 495px, rgba(0.06,0.06,0.06,0.20) 495px 528px, rgba(0.91,0.91,0.91,0.19) 528px 561px),linear-gradient(0deg, #4998b6,#4695d6);
}

.dark-sunset {
  background: repeating-linear-gradient(0deg,rgba(0.33,0.33,0.33,0.11) 0px 12px, rgba(0.70,0.70,0.70,0.16) 12px 24px, rgba(0.15,0.15,0.15,0.14) 24px 36px, rgba(0.49,0.49,0.49,0.23) 36px 48px, rgba(0.08,0.08,0.08,0.12) 48px 60px, rgba(0.50,0.50,0.50,0.07) 60px 72px, rgba(0.15,0.15,0.15,0.21) 72px 84px, rgba(0.29,0.29,0.29,0.24) 84px 96px, rgba(0.51,0.51,0.51,0.23) 96px 108px, rgba(0.81,0.81,0.81,0.07) 108px 120px, rgba(0.43,0.43,0.43,0.01) 120px 132px, rgba(0.63,0.63,0.63,0.22) 132px 144px, rgba(0.86,0.86,0.86,0.24) 144px 156px, rgba(0.10,0.10,0.10,0.00) 156px 168px, rgba(0.46,0.46,0.46,0.12) 168px 180px),repeating-linear-gradient(90deg,rgba(0.65,0.65,0.65,0.01) 0px 12px, rgba(0.75,0.75,0.75,0.15) 12px 24px, rgba(0.10,0.10,0.10,0.09) 24px 36px, rgba(0.48,0.48,0.48,0.02) 36px 48px, rgba(0.11,0.11,0.11,0.10) 48px 60px, rgba(0.97,0.97,0.97,0.07) 60px 72px, rgba(0.51,0.51,0.51,0.15) 72px 84px, rgba(0.12,0.12,0.12,0.18) 84px 96px, rgba(0.60,0.60,0.60,0.15) 96px 108px, rgba(0.84,0.84,0.84,0.09) 108px 120px, rgba(0.88,0.88,0.88,0.07) 120px 132px, rgba(0.97,0.97,0.97,0.05) 132px 144px, rgba(0.33,0.33,0.33,0.10) 144px 156px, rgba(0.51,0.51,0.51,0.18) 156px 168px),repeating-linear-gradient(45deg,rgba(0.41,0.41,0.41,0.24) 0px 16px, rgba(0.51,0.51,0.51,0.06) 16px 32px, rgba(0.45,0.45,0.45,0.16) 32px 48px, rgba(0.67,0.67,0.67,0.00) 48px 64px, rgba(0.72,0.72,0.72,0.12) 64px 80px, rgba(0.61,0.61,0.61,0.22) 80px 96px, rgba(0.32,0.32,0.32,0.24) 96px 112px, rgba(0.30,0.30,0.30,0.25) 112px 128px, rgba(0.82,0.82,0.82,0.12) 128px 144px, rgba(0.39,0.39,0.39,0.18) 144px 160px, rgba(0.93,0.93,0.93,0.03) 160px 176px, rgba(0.55,0.55,0.55,0.10) 176px 192px),repeating-linear-gradient(135deg,rgba(0.87,0.87,0.87,0.18) 0px 3px, rgba(0.22,0.22,0.22,0.09) 3px 6px, rgba(0.34,0.34,0.34,0.08) 6px 9px, rgba(0.58,0.58,0.58,0.05) 9px 12px, rgba(0.24,0.24,0.24,0.01) 12px 15px, rgba(0.86,0.86,0.86,0.12) 15px 18px, rgba(0.34,0.34,0.34,0.05) 18px 21px, rgba(0.93,0.93,0.93,0.16) 21px 24px, rgba(0.76,0.76,0.76,0.07) 24px 27px, rgba(0.60,0.60,0.60,0.23) 27px 30px, rgba(0.06,0.06,0.06,0.20) 30px 33px, rgba(0.28,0.28,0.28,0.18) 33px 36px, rgba(0.94,0.94,0.94,0.12) 36px 39px, rgba(0.55,0.55,0.55,0.13) 39px 42px, rgba(0.86,0.86,0.86,0.20) 42px 45px, rgba(0.89,0.89,0.89,0.18) 45px 48px, rgba(0.22,0.22,0.22,0.20) 48px 51px, rgba(0.94,0.94,0.94,0.00) 51px 54px, rgba(0.06,0.06,0.06,0.03) 54px 57px, rgba(0.95,0.95,0.95,0.06) 57px 60px, rgba(0.86,0.86,0.86,0.00) 60px 63px, rgba(0.07,0.07,0.07,0.10) 63px 66px, rgba(0.61,0.61,0.61,0.19) 66px 69px),linear-gradient(90deg, #ef3573,#4f025d);
}

.grass {
  background: repeating-linear-gradient(0deg,rgba(0.89,0.89,0.89,0.08) 0px 42px, rgba(0.90,0.90,0.90,0.22) 42px 84px, rgba(0.07,0.07,0.07,0.14) 84px 126px, rgba(0.61,0.61,0.61,0.19) 126px 168px, rgba(0.19,0.19,0.19,0.09) 168px 210px, rgba(0.57,0.57,0.57,0.07) 210px 252px, rgba(0.89,0.89,0.89,0.05) 252px 294px, rgba(0.29,0.29,0.29,0.06) 294px 336px, rgba(0.52,0.52,0.52,0.23) 336px 378px, rgba(0.73,0.73,0.73,0.12) 378px 420px, rgba(0.87,0.87,0.87,0.14) 420px 462px, rgba(0.21,0.21,0.21,0.03) 462px 504px, rgba(0.34,0.34,0.34,0.17) 504px 546px, rgba(0.95,0.95,0.95,0.25) 546px 588px, rgba(0.46,0.46,0.46,0.13) 588px 630px, rgba(0.00,0.00,0.00,0.24) 630px 672px, rgba(0.31,0.31,0.31,0.23) 672px 714px, rgba(0.15,0.15,0.15,0.23) 714px 756px, rgba(0.89,0.89,0.89,0.01) 756px 798px, rgba(0.15,0.15,0.15,0.24) 798px 840px, rgba(0.15,0.15,0.15,0.16) 840px 882px, rgba(0.78,0.78,0.78,0.22) 882px 924px, rgba(0.81,0.81,0.81,0.23) 924px 966px, rgba(0.33,0.33,0.33,0.09) 966px 1008px),repeating-linear-gradient(90deg,rgba(0.80,0.80,0.80,0.08) 0px 42px, rgba(0.00,0.00,0.00,0.20) 42px 84px, rgba(0.56,0.56,0.56,0.07) 84px 126px, rgba(0.89,0.89,0.89,0.15) 126px 168px, rgba(0.06,0.06,0.06,0.08) 168px 210px, rgba(0.33,0.33,0.33,0.07) 210px 252px, rgba(0.24,0.24,0.24,0.24) 252px 294px, rgba(0.57,0.57,0.57,0.25) 294px 336px, rgba(0.63,0.63,0.63,0.22) 336px 378px, rgba(0.47,0.47,0.47,0.17) 378px 420px, rgba(0.47,0.47,0.47,0.12) 420px 462px, rgba(0.47,0.47,0.47,0.01) 462px 504px, rgba(0.25,0.25,0.25,0.24) 504px 546px, rgba(0.86,0.86,0.86,0.16) 546px 588px, rgba(0.19,0.19,0.19,0.20) 588px 630px, rgba(0.03,0.03,0.03,0.22) 630px 672px, rgba(0.08,0.08,0.08,0.08) 672px 714px),repeating-linear-gradient(45deg,rgba(0.23,0.23,0.23,0.04) 0px 37px, rgba(1.00,1.00,1.00,0.13) 37px 74px, rgba(0.85,0.85,0.85,0.20) 74px 111px, rgba(0.11,0.11,0.11,0.08) 111px 148px, rgba(0.57,0.57,0.57,0.02) 148px 185px, rgba(0.47,0.47,0.47,0.00) 185px 222px, rgba(0.98,0.98,0.98,0.02) 222px 259px, rgba(0.28,0.28,0.28,0.14) 259px 296px, rgba(0.51,0.51,0.51,0.05) 296px 333px, rgba(0.52,0.52,0.52,0.19) 333px 370px, rgba(0.62,0.62,0.62,0.02) 370px 407px, rgba(0.68,0.68,0.68,0.21) 407px 444px, rgba(0.41,0.41,0.41,0.07) 444px 481px, rgba(0.44,0.44,0.44,0.20) 481px 518px, rgba(0.60,0.60,0.60,0.22) 518px 555px, rgba(0.20,0.20,0.20,0.22) 555px 592px, rgba(0.91,0.91,0.91,0.14) 592px 629px),repeating-linear-gradient(45deg,rgba(0.19,0.19,0.19,0.03) 0px 35px, rgba(0.59,0.59,0.59,0.22) 35px 70px, rgba(0.31,0.31,0.31,0.12) 70px 105px, rgba(0.24,0.24,0.24,0.20) 105px 140px, rgba(0.72,0.72,0.72,0.03) 140px 175px, rgba(0.10,0.10,0.10,0.11) 175px 210px, rgba(0.12,0.12,0.12,0.12) 210px 245px, rgba(0.61,0.61,0.61,0.16) 245px 280px, rgba(0.35,0.35,0.35,0.20) 280px 315px, rgba(0.21,0.21,0.21,0.24) 315px 350px, rgba(0.20,0.20,0.20,0.15) 350px 385px, rgba(0.03,0.03,0.03,0.11) 385px 420px, rgba(0.51,0.51,0.51,0.19) 420px 455px, rgba(0.76,0.76,0.76,0.01) 455px 490px, rgba(0.06,0.06,0.06,0.06) 490px 525px, rgba(0.28,0.28,0.28,0.18) 525px 560px),linear-gradient(90deg, #7eff47,#72fb15);
}

.ocean {
  background: repeating-linear-gradient(0deg,rgba(0.14,0.14,0.14,0.13) 0px 16px, rgba(0.45,0.45,0.45,0.24) 16px 32px, rgba(0.36,0.36,0.36,0.04) 32px 48px, rgba(0.01,0.01,0.01,0.02) 48px 64px, rgba(0.39,0.39,0.39,0.10) 64px 80px, rgba(0.32,0.32,0.32,0.06) 80px 96px, rgba(0.98,0.98,0.98,0.23) 96px 112px, rgba(0.02,0.02,0.02,0.05) 112px 128px, rgba(0.62,0.62,0.62,0.04) 128px 144px, rgba(0.14,0.14,0.14,0.03) 144px 160px, rgba(0.74,0.74,0.74,0.08) 160px 176px, rgba(0.64,0.64,0.64,0.12) 176px 192px, rgba(0.11,0.11,0.11,0.04) 192px 208px, rgba(0.93,0.93,0.93,0.23) 208px 224px, rgba(0.05,0.05,0.05,0.21) 224px 240px),repeating-linear-gradient(90deg,rgba(0.11,0.11,0.11,0.03) 0px 16px, rgba(0.14,0.14,0.14,0.24) 16px 32px, rgba(0.31,0.31,0.31,0.09) 32px 48px, rgba(0.14,0.14,0.14,0.14) 48px 64px, rgba(0.72,0.72,0.72,0.05) 64px 80px, rgba(0.17,0.17,0.17,0.13) 80px 96px, rgba(0.99,0.99,0.99,0.07) 96px 112px, rgba(0.46,0.46,0.46,0.07) 112px 128px, rgba(0.02,0.02,0.02,0.15) 128px 144px, rgba(0.49,0.49,0.49,0.17) 144px 160px),repeating-linear-gradient(45deg,rgba(0.37,0.37,0.37,0.15) 0px 20px, rgba(0.35,0.35,0.35,0.07) 20px 40px, rgba(0.76,0.76,0.76,0.22) 40px 60px, rgba(0.20,0.20,0.20,0.09) 60px 80px, rgba(0.26,0.26,0.26,0.04) 80px 100px, rgba(0.29,0.29,0.29,0.06) 100px 120px, rgba(0.68,0.68,0.68,0.09) 120px 140px, rgba(0.85,0.85,0.85,0.06) 140px 160px, rgba(0.94,0.94,0.94,0.07) 160px 180px, rgba(0.19,0.19,0.19,0.11) 180px 200px, rgba(0.75,0.75,0.75,0.20) 200px 220px, rgba(0.66,0.66,0.66,0.13) 220px 240px, rgba(0.27,0.27,0.27,0.06) 240px 260px),repeating-linear-gradient(90deg,rgba(0.53,0.53,0.53,0.13) 0px 21px, rgba(0.40,0.40,0.40,0.13) 21px 42px, rgba(0.86,0.86,0.86,0.01) 42px 63px, rgba(0.23,0.23,0.23,0.20) 63px 84px, rgba(0.26,0.26,0.26,0.21) 84px 105px, rgba(0.06,0.06,0.06,0.10) 105px 126px, rgba(0.24,0.24,0.24,0.14) 126px 147px, rgba(0.82,0.82,0.82,0.15) 147px 168px, rgba(0.73,0.73,0.73,0.12) 168px 189px, rgba(0.54,0.54,0.54,0.08) 189px 210px, rgba(0.43,0.43,0.43,0.08) 210px 231px, rgba(0.49,0.49,0.49,0.05) 231px 252px, rgba(0.25,0.25,0.25,0.08) 252px 273px, rgba(0.27,0.27,0.27,0.25) 273px 294px, rgba(0.73,0.73,0.73,0.10) 294px 315px, rgba(0.76,0.76,0.76,0.04) 315px 336px, rgba(0.36,0.36,0.36,0.24) 336px 357px, rgba(0.33,0.33,0.33,0.19) 357px 378px, rgba(0.02,0.02,0.02,0.11) 378px 399px, rgba(0.15,0.15,0.15,0.05) 399px 420px, rgba(0.68,0.68,0.68,0.24) 420px 441px),linear-gradient(45deg, #1a9a98,#0cb3b1,#00cdca,#22807f,#266766);
}

.from-beyond {
  background: repeating-linear-gradient(135deg,rgba(0.14,0.14,0.14,0.05) 0px 11px, rgba(0.36,0.36,0.36,0.03) 11px 22px, rgba(0.77,0.77,0.77,0.08) 22px 33px, rgba(0.02,0.02,0.02,0.05) 33px 44px, rgba(0.12,0.12,0.12,0.08) 44px 55px, rgba(0.47,0.47,0.47,0.03) 55px 66px, rgba(0.71,0.71,0.71,0.02) 66px 77px, rgba(0.29,0.29,0.29,0.10) 77px 88px, rgba(0.44,0.44,0.44,0.09) 88px 99px, rgba(0.40,0.40,0.40,0.05) 99px 110px, rgba(0.67,0.67,0.67,0.00) 110px 121px, rgba(0.53,0.53,0.53,0.01) 121px 132px, rgba(0.50,0.50,0.50,0.01) 132px 143px, rgba(0.81,0.81,0.81,0.05) 143px 154px, rgba(0.31,0.31,0.31,0.07) 154px 165px, rgba(0.10,0.10,0.10,0.02) 165px 176px, rgba(0.29,0.29,0.29,0.08) 176px 187px, rgba(0.85,0.85,0.85,0.00) 187px 198px, rgba(0.82,0.82,0.82,0.06) 198px 209px, rgba(0.57,0.57,0.57,0.10) 209px 220px, rgba(0.29,0.29,0.29,0.09) 220px 231px, rgba(0.63,0.63,0.63,0.04) 231px 242px, rgba(0.43,0.43,0.43,0.07) 242px 253px, rgba(0.04,0.04,0.04,0.08) 253px 264px, rgba(0.29,0.29,0.29,0.02) 264px 275px, rgba(0.27,0.27,0.27,0.02) 275px 286px, rgba(0.78,0.78,0.78,0.01) 286px 297px, rgba(0.51,0.51,0.51,0.00) 297px 308px, rgba(0.97,0.97,0.97,0.08) 308px 319px),repeating-linear-gradient(45deg,rgba(0.59,0.59,0.59,0.09) 0px 11px, rgba(0.77,0.77,0.77,0.07) 11px 22px, rgba(0.91,0.91,0.91,0.08) 22px 33px, rgba(0.09,0.09,0.09,0.04) 33px 44px, rgba(0.45,0.45,0.45,0.03) 44px 55px, rgba(0.05,0.05,0.05,0.02) 55px 66px, rgba(0.97,0.97,0.97,0.04) 66px 77px, rgba(0.76,0.76,0.76,0.08) 77px 88px, rgba(0.67,0.67,0.67,0.08) 88px 99px, rgba(0.19,0.19,0.19,0.06) 99px 110px),repeating-linear-gradient(135deg,rgba(0.15,0.15,0.15,0.07) 0px 16px, rgba(0.07,0.07,0.07,0.01) 16px 32px, rgba(0.10,0.10,0.10,0.09) 32px 48px, rgba(0.84,0.84,0.84,0.09) 48px 64px, rgba(0.78,0.78,0.78,0.01) 64px 80px, rgba(0.70,0.70,0.70,0.00) 80px 96px, rgba(0.34,0.34,0.34,0.10) 96px 112px, rgba(0.92,0.92,0.92,0.00) 112px 128px, rgba(0.50,0.50,0.50,0.03) 128px 144px, rgba(0.75,0.75,0.75,0.00) 144px 160px, rgba(0.04,0.04,0.04,0.02) 160px 176px, rgba(0.94,0.94,0.94,0.05) 176px 192px, rgba(0.50,0.50,0.50,0.01) 192px 208px, rgba(0.33,0.33,0.33,0.03) 208px 224px, rgba(0.02,0.02,0.02,0.08) 224px 240px, rgba(0.47,0.47,0.47,0.08) 240px 256px, rgba(0.54,0.54,0.54,0.08) 256px 272px),repeating-linear-gradient(135deg,rgba(0.79,0.79,0.79,0.08) 0px 7px, rgba(0.84,0.84,0.84,0.02) 7px 14px, rgba(0.82,0.82,0.82,0.09) 14px 21px, rgba(0.27,0.27,0.27,0.00) 21px 28px, rgba(0.84,0.84,0.84,0.10) 28px 35px, rgba(0.51,0.51,0.51,0.07) 35px 42px, rgba(0.40,0.40,0.40,0.01) 42px 49px, rgba(0.16,0.16,0.16,0.08) 49px 56px, rgba(0.45,0.45,0.45,0.05) 56px 63px, rgba(0.58,0.58,0.58,0.03) 63px 70px, rgba(0.75,0.75,0.75,0.09) 70px 77px, rgba(0.91,0.91,0.91,0.02) 77px 84px, rgba(0.04,0.04,0.04,0.00) 84px 91px, rgba(0.19,0.19,0.19,0.08) 91px 98px, rgba(0.42,0.42,0.42,0.08) 98px 105px, rgba(0.87,0.87,0.87,0.05) 105px 112px, rgba(0.98,0.98,0.98,0.02) 112px 119px, rgba(0.60,0.60,0.60,0.09) 119px 126px, rgba(0.80,0.80,0.80,0.07) 126px 133px, rgba(0.65,0.65,0.65,0.07) 133px 140px, rgba(0.62,0.62,0.62,0.08) 140px 147px, rgba(0.53,0.53,0.53,0.02) 147px 154px, rgba(0.24,0.24,0.24,0.08) 154px 161px),linear-gradient(44deg, #2d240c,#ba1456);
}

.sun-sweep {
  background: repeating-linear-gradient(45deg,rgba(0.23,0.23,0.23,0.03) 0px 23px, rgba(0.64,0.64,0.64,0.05) 23px 46px, rgba(0.42,0.42,0.42,0.02) 46px 69px, rgba(0.55,0.55,0.55,0.01) 69px 92px, rgba(0.38,0.38,0.38,0.04) 92px 115px, rgba(0.36,0.36,0.36,0.02) 115px 138px, rgba(0.10,0.10,0.10,0.05) 138px 161px, rgba(0.44,0.44,0.44,0.02) 161px 184px, rgba(0.28,0.28,0.28,0.04) 184px 207px, rgba(0.61,0.61,0.61,0.02) 207px 230px, rgba(0.18,0.18,0.18,0.05) 230px 253px),repeating-linear-gradient(45deg,rgba(0.26,0.26,0.26,0.04) 0px 23px, rgba(0.03,0.03,0.03,0.02) 23px 46px, rgba(0.09,0.09,0.09,0.00) 46px 69px, rgba(0.69,0.69,0.69,0.02) 69px 92px, rgba(0.86,0.86,0.86,0.02) 92px 115px, rgba(0.77,0.77,0.77,0.05) 115px 138px, rgba(0.99,0.99,0.99,0.01) 138px 161px, rgba(0.07,0.07,0.07,0.05) 161px 184px, rgba(0.25,0.25,0.25,0.02) 184px 207px, rgba(0.62,0.62,0.62,0.02) 207px 230px, rgba(0.04,0.04,0.04,0.03) 230px 253px, rgba(0.30,0.30,0.30,0.05) 253px 276px, rgba(0.08,0.08,0.08,0.02) 276px 299px, rgba(0.82,0.82,0.82,0.03) 299px 322px, rgba(0.60,0.60,0.60,0.05) 322px 345px, rgba(0.92,0.92,0.92,0.01) 345px 368px, rgba(0.08,0.08,0.08,0.05) 368px 391px),repeating-linear-gradient(45deg,rgba(0.06,0.06,0.06,0.01) 0px 25px, rgba(0.65,0.65,0.65,0.00) 25px 50px, rgba(0.42,0.42,0.42,0.03) 50px 75px, rgba(0.25,0.25,0.25,0.00) 75px 100px, rgba(0.84,0.84,0.84,0.05) 100px 125px, rgba(0.73,0.73,0.73,0.03) 125px 150px, rgba(0.23,0.23,0.23,0.02) 150px 175px, rgba(0.63,0.63,0.63,0.03) 175px 200px, rgba(0.13,0.13,0.13,0.00) 200px 225px, rgba(0.16,0.16,0.16,0.04) 225px 250px, rgba(0.89,0.89,0.89,0.02) 250px 275px, rgba(0.58,0.58,0.58,0.03) 275px 300px, rgba(0.47,0.47,0.47,0.05) 300px 325px, rgba(0.47,0.47,0.47,0.03) 325px 350px, rgba(0.72,0.72,0.72,0.02) 350px 375px, rgba(0.71,0.71,0.71,0.02) 375px 400px, rgba(0.89,0.89,0.89,0.02) 400px 425px, rgba(1.00,1.00,1.00,0.06) 425px 450px, rgba(0.03,0.03,0.03,0.02) 450px 475px, rgba(0.15,0.15,0.15,0.02) 475px 500px, rgba(0.09,0.09,0.09,0.05) 500px 525px, rgba(0.17,0.17,0.17,0.02) 525px 550px, rgba(0.02,0.02,0.02,0.01) 550px 575px, rgba(0.98,0.98,0.98,0.00) 575px 600px, rgba(0.95,0.95,0.95,0.05) 600px 625px, rgba(0.15,0.15,0.15,0.02) 625px 650px, rgba(0.41,0.41,0.41,0.03) 650px 675px),repeating-linear-gradient(45deg,rgba(0.11,0.11,0.11,0.05) 0px 22px, rgba(0.34,0.34,0.34,0.04) 22px 44px, rgba(0.98,0.98,0.98,0.00) 44px 66px, rgba(0.67,0.67,0.67,0.05) 66px 88px, rgba(0.57,0.57,0.57,0.03) 88px 110px, rgba(0.58,0.58,0.58,0.04) 110px 132px, rgba(0.61,0.61,0.61,0.03) 132px 154px, rgba(0.16,0.16,0.16,0.01) 154px 176px, rgba(0.07,0.07,0.07,0.00) 176px 198px, rgba(0.62,0.62,0.62,0.02) 198px 220px, rgba(0.14,0.14,0.14,0.04) 220px 242px, rgba(0.89,0.89,0.89,0.02) 242px 264px, rgba(0.06,0.06,0.06,0.01) 264px 286px, rgba(0.48,0.48,0.48,0.04) 286px 308px, rgba(0.13,0.13,0.13,0.05) 308px 330px, rgba(0.89,0.89,0.89,0.00) 330px 352px),linear-gradient(318deg, #ffdab7,#a7b016);
}

.numbered-depths {
  background: repeating-linear-gradient(0deg,rgba(0.79,0.79,0.79,0.07) 0px 25px, rgba(0.77,0.77,0.77,0.08) 25px 50px, rgba(0.13,0.13,0.13,0.06) 50px 75px, rgba(0.10,0.10,0.10,0.14) 75px 100px, rgba(0.23,0.23,0.23,0.22) 100px 125px, rgba(0.88,0.88,0.88,0.11) 125px 150px, rgba(0.84,0.84,0.84,0.23) 150px 175px, rgba(0.34,0.34,0.34,0.01) 175px 200px, rgba(0.69,0.69,0.69,0.24) 200px 225px, rgba(0.38,0.38,0.38,0.19) 225px 250px, rgba(0.72,0.72,0.72,0.15) 250px 275px, rgba(0.02,0.02,0.02,0.13) 275px 300px, rgba(0.01,0.01,0.01,0.17) 300px 325px, rgba(0.78,0.78,0.78,0.23) 325px 350px, rgba(0.40,0.40,0.40,0.24) 350px 375px, rgba(0.70,0.70,0.70,0.24) 375px 400px, rgba(0.29,0.29,0.29,0.20) 400px 425px, rgba(0.74,0.74,0.74,0.16) 425px 450px, rgba(0.48,0.48,0.48,0.24) 450px 475px, rgba(0.95,0.95,0.95,0.21) 475px 500px, rgba(0.31,0.31,0.31,0.17) 500px 525px, rgba(0.16,0.16,0.16,0.02) 525px 550px),repeating-linear-gradient(90deg,rgba(0.75,0.75,0.75,0.14) 0px 25px, rgba(0.41,0.41,0.41,0.01) 25px 50px, rgba(0.53,0.53,0.53,0.22) 50px 75px, rgba(0.14,0.14,0.14,0.20) 75px 100px, rgba(0.27,0.27,0.27,0.19) 100px 125px, rgba(0.17,0.17,0.17,0.09) 125px 150px, rgba(0.84,0.84,0.84,0.04) 150px 175px, rgba(0.58,0.58,0.58,0.16) 175px 200px, rgba(0.09,0.09,0.09,0.07) 200px 225px, rgba(0.75,0.75,0.75,0.01) 225px 250px, rgba(0.87,0.87,0.87,0.05) 250px 275px, rgba(0.54,0.54,0.54,0.10) 275px 300px, rgba(0.61,0.61,0.61,0.02) 300px 325px, rgba(0.10,0.10,0.10,0.22) 325px 350px, rgba(0.04,0.04,0.04,0.17) 350px 375px, rgba(0.94,0.94,0.94,0.11) 375px 400px),repeating-linear-gradient(135deg,rgba(0.02,0.02,0.02,0.11) 0px 27px, rgba(0.69,0.69,0.69,0.06) 27px 54px, rgba(0.14,0.14,0.14,0.01) 54px 81px, rgba(0.50,0.50,0.50,0.02) 81px 108px, rgba(0.79,0.79,0.79,0.04) 108px 135px, rgba(0.43,0.43,0.43,0.20) 135px 162px, rgba(0.22,0.22,0.22,0.18) 162px 189px, rgba(0.25,0.25,0.25,0.04) 189px 216px, rgba(0.10,0.10,0.10,0.06) 216px 243px, rgba(0.41,0.41,0.41,0.21) 243px 270px, rgba(0.13,0.13,0.13,0.13) 270px 297px),repeating-linear-gradient(0deg,rgba(0.24,0.24,0.24,0.22) 0px 27px, rgba(0.01,0.01,0.01,0.03) 27px 54px, rgba(0.65,0.65,0.65,0.06) 54px 81px, rgba(0.08,0.08,0.08,0.11) 81px 108px, rgba(0.64,0.64,0.64,0.18) 108px 135px, rgba(0.87,0.87,0.87,0.22) 135px 162px, rgba(0.39,0.39,0.39,0.21) 162px 189px, rgba(0.22,0.22,0.22,0.06) 189px 216px, rgba(0.94,0.94,0.94,0.22) 216px 243px, rgba(0.26,0.26,0.26,0.12) 243px 270px, rgba(1.00,1.00,1.00,0.09) 270px 297px, rgba(0.86,0.86,0.86,0.21) 297px 324px, rgba(0.26,0.26,0.26,0.14) 324px 351px, rgba(0.77,0.77,0.77,0.06) 351px 378px, rgba(0.13,0.13,0.13,0.24) 378px 405px, rgba(0.48,0.48,0.48,0.11) 405px 432px, rgba(0.01,0.01,0.01,0.08) 432px 459px, rgba(0.69,0.69,0.69,0.05) 459px 486px),repeating-linear-gradient(45deg,rgb(98,109,112) 0px 37px,transparent 37px 83px,rgb(100,112,98) 83px 93px,transparent 93px 119px),repeating-linear-gradient(45deg,rgb(40,141,204) 0px 43px,transparent 43px 47px,rgb(40,141,204) 47px 73px,transparent 73px 96px,rgb(40,141,204) 96px 104px,transparent 104px 119px,rgb(40,86,204) 119px 164px,transparent 164px 182px,rgb(40,204,48) 182px 207px,transparent 207px 224px,rgb(40,204,102) 224px 236px,transparent 236px 255px,rgb(40,204,48) 255px 294px,transparent 294px 302px,rgb(40,204,102) 302px 325px,transparent 325px 358px,rgb(40,86,204) 358px 404px,transparent 404px 451px,rgb(40,204,48) 451px 468px,transparent 468px 507px),repeating-linear-gradient(45deg,rgb(49,59,22) 0px 31px,transparent 31px 65px,rgb(49,59,22) 65px 105px,transparent 105px 119px,rgb(24,59,22) 119px 133px,transparent 133px 177px,rgb(37,59,22) 177px 202px,transparent 202px 244px,rgb(37,59,22) 244px 277px,transparent 277px 294px,rgb(24,59,22) 294px 311px,transparent 311px 355px,rgb(59,56,22) 355px 378px,transparent 378px 389px),repeating-linear-gradient(45deg,rgb(89,196,128) 0px 40px,transparent 40px 72px,rgb(89,196,164) 72px 110px,transparent 110px 157px,rgb(89,196,164) 157px 169px,transparent 169px 179px),linear-gradient(#222222,#222222);
}

.fancy-jail {
  background: repeating-linear-gradient(45deg,rgba(0.82,0.82,0.82,0.03) 0px 9px, rgba(0.35,0.35,0.35,0.11) 9px 18px, rgba(0.26,0.26,0.26,0.17) 18px 27px, rgba(0.39,0.39,0.39,0.11) 27px 36px, rgba(0.21,0.21,0.21,0.10) 36px 45px, rgba(0.55,0.55,0.55,0.11) 45px 54px, rgba(0.21,0.21,0.21,0.05) 54px 63px, rgba(0.51,0.51,0.51,0.00) 63px 72px, rgba(0.14,0.14,0.14,0.17) 72px 81px, rgba(0.43,0.43,0.43,0.12) 81px 90px, rgba(0.52,0.52,0.52,0.20) 90px 99px, rgba(0.35,0.35,0.35,0.12) 99px 108px, rgba(0.54,0.54,0.54,0.02) 108px 117px, rgba(0.38,0.38,0.38,0.19) 117px 126px, rgba(0.88,0.88,0.88,0.10) 126px 135px, rgba(0.08,0.08,0.08,0.24) 135px 144px, rgba(0.59,0.59,0.59,0.05) 144px 153px, rgba(0.21,0.21,0.21,0.06) 153px 162px, rgba(0.01,0.01,0.01,0.04) 162px 171px, rgba(0.40,0.40,0.40,0.15) 171px 180px, rgba(0.76,0.76,0.76,0.21) 180px 189px, rgba(0.16,0.16,0.16,0.10) 189px 198px, rgba(0.82,0.82,0.82,0.07) 198px 207px, rgba(0.80,0.80,0.80,0.01) 207px 216px, rgba(0.61,0.61,0.61,0.01) 216px 225px),repeating-linear-gradient(45deg,rgba(0.23,0.23,0.23,0.20) 0px 9px, rgba(0.26,0.26,0.26,0.09) 9px 18px, rgba(0.27,0.27,0.27,0.21) 18px 27px, rgba(0.55,0.55,0.55,0.22) 27px 36px, rgba(0.05,0.05,0.05,0.04) 36px 45px, rgba(0.19,0.19,0.19,0.01) 45px 54px, rgba(0.86,0.86,0.86,0.01) 54px 63px, rgba(0.14,0.14,0.14,0.16) 63px 72px, rgba(0.02,0.02,0.02,0.14) 72px 81px, rgba(0.43,0.43,0.43,0.20) 81px 90px, rgba(0.47,0.47,0.47,0.12) 90px 99px, rgba(0.33,0.33,0.33,0.15) 99px 108px, rgba(0.45,0.45,0.45,0.07) 108px 117px, rgba(0.84,0.84,0.84,0.03) 117px 126px, rgba(0.36,0.36,0.36,0.24) 126px 135px, rgba(0.68,0.68,0.68,0.22) 135px 144px, rgba(0.67,0.67,0.67,0.02) 144px 153px, rgba(0.74,0.74,0.74,0.02) 153px 162px, rgba(0.71,0.71,0.71,0.17) 162px 171px, rgba(0.80,0.80,0.80,0.14) 171px 180px, rgba(0.28,0.28,0.28,0.23) 180px 189px, rgba(0.71,0.71,0.71,0.10) 189px 198px),repeating-linear-gradient(90deg,rgba(0.14,0.14,0.14,0.04) 0px 14px, rgba(0.82,0.82,0.82,0.01) 14px 28px, rgba(0.85,0.85,0.85,0.00) 28px 42px, rgba(0.34,0.34,0.34,0.17) 42px 56px, rgba(0.43,0.43,0.43,0.21) 56px 70px, rgba(0.97,0.97,0.97,0.12) 70px 84px, rgba(0.40,0.40,0.40,0.08) 84px 98px, rgba(0.37,0.37,0.37,0.17) 98px 112px, rgba(0.91,0.91,0.91,0.23) 112px 126px, rgba(0.40,0.40,0.40,0.15) 126px 140px, rgba(0.18,0.18,0.18,0.01) 140px 154px),repeating-linear-gradient(45deg,rgba(0.92,0.92,0.92,0.14) 0px 18px, rgba(0.47,0.47,0.47,0.03) 18px 36px, rgba(0.53,0.53,0.53,0.09) 36px 54px, rgba(0.76,0.76,0.76,0.23) 54px 72px, rgba(0.41,0.41,0.41,0.06) 72px 90px, rgba(0.67,0.67,0.67,0.11) 90px 108px, rgba(0.80,0.80,0.80,0.21) 108px 126px, rgba(0.37,0.37,0.37,0.21) 126px 144px, rgba(0.35,0.35,0.35,0.07) 144px 162px, rgba(0.48,0.48,0.48,0.23) 162px 180px, rgba(0.84,0.84,0.84,0.01) 180px 198px),repeating-linear-gradient(135deg,rgb(220,217,218) 0px 5px,transparent 5px 30px),repeating-linear-gradient(135deg,rgb(0,3,2) 0px 48px,transparent 48px 88px,rgb(0,3,2) 88px 119px,transparent 119px 146px,rgb(0,3,0) 146px 195px,transparent 195px 199px,rgb(0,3,0) 199px 205px,transparent 205px 243px,rgb(0,3,0) 243px 255px,transparent 255px 271px,rgb(0,3,0) 271px 300px,transparent 300px 329px,rgb(0,3,0) 329px 345px,transparent 345px 354px,rgb(2,3,0) 354px 389px,transparent 389px 432px,rgb(0,3,0) 432px 471px,transparent 471px 483px,rgb(0,3,1) 483px 521px,transparent 521px 535px,rgb(0,3,1) 535px 558px,transparent 558px 579px),linear-gradient(white,white);
}

.pure-art {
  background: repeating-linear-gradient(90deg,rgba(0.34,0.34,0.34,0.06) 0px 34px, rgba(0.33,0.33,0.33,0.16) 34px 68px, rgba(0.91,0.91,0.91,0.02) 68px 102px, rgba(0.67,0.67,0.67,0.14) 102px 136px, rgba(0.30,0.30,0.30,0.16) 136px 170px, rgba(0.80,0.80,0.80,0.05) 170px 204px, rgba(0.31,0.31,0.31,0.09) 204px 238px, rgba(0.28,0.28,0.28,0.24) 238px 272px, rgba(0.86,0.86,0.86,0.01) 272px 306px, rgba(0.64,0.64,0.64,0.24) 306px 340px),repeating-linear-gradient(45deg,rgba(0.42,0.42,0.42,0.23) 0px 34px, rgba(0.19,0.19,0.19,0.09) 34px 68px, rgba(0.73,0.73,0.73,0.22) 68px 102px, rgba(0.91,0.91,0.91,0.19) 102px 136px, rgba(0.61,0.61,0.61,0.21) 136px 170px, rgba(0.36,0.36,0.36,0.23) 170px 204px, rgba(0.34,0.34,0.34,0.16) 204px 238px, rgba(0.74,0.74,0.74,0.07) 238px 272px, rgba(0.28,0.28,0.28,0.24) 272px 306px, rgba(0.02,0.02,0.02,0.20) 306px 340px, rgba(0.05,0.05,0.05,0.20) 340px 374px, rgba(0.32,0.32,0.32,0.07) 374px 408px, rgba(0.19,0.19,0.19,0.06) 408px 442px, rgba(0.23,0.23,0.23,0.11) 442px 476px, rgba(0.55,0.55,0.55,0.13) 476px 510px, rgba(0.10,0.10,0.10,0.14) 510px 544px),repeating-linear-gradient(135deg,rgba(0.94,0.94,0.94,0.21) 0px 30px, rgba(0.76,0.76,0.76,0.19) 30px 60px, rgba(0.79,0.79,0.79,0.19) 60px 90px, rgba(0.70,0.70,0.70,0.07) 90px 120px, rgba(0.73,0.73,0.73,0.10) 120px 150px, rgba(0.57,0.57,0.57,0.14) 150px 180px, rgba(0.80,0.80,0.80,0.00) 180px 210px, rgba(0.79,0.79,0.79,0.06) 210px 240px, rgba(0.59,0.59,0.59,0.25) 240px 270px, rgba(0.62,0.62,0.62,0.16) 270px 300px, rgba(0.62,0.62,0.62,0.25) 300px 330px),repeating-linear-gradient(0deg,rgba(0.95,0.95,0.95,0.14) 0px 38px, rgba(0.70,0.70,0.70,0.05) 38px 76px, rgba(0.03,0.03,0.03,0.08) 76px 114px, rgba(0.51,0.51,0.51,0.21) 114px 152px, rgba(0.44,0.44,0.44,0.05) 152px 190px, rgba(0.36,0.36,0.36,0.22) 190px 228px, rgba(0.19,0.19,0.19,0.20) 228px 266px, rgba(0.15,0.15,0.15,0.04) 266px 304px, rgba(0.90,0.90,0.90,0.19) 304px 342px, rgba(0.11,0.11,0.11,0.03) 342px 380px, rgba(0.92,0.92,0.92,0.23) 380px 418px, rgba(0.52,0.52,0.52,0.13) 418px 456px, rgba(0.70,0.70,0.70,0.24) 456px 494px, rgba(0.72,0.72,0.72,0.01) 494px 532px, rgba(0.89,0.89,0.89,0.20) 532px 570px, rgba(0.69,0.69,0.69,0.15) 570px 608px, rgba(0.12,0.12,0.12,0.03) 608px 646px, rgba(0.36,0.36,0.36,0.05) 646px 684px, rgba(0.37,0.37,0.37,0.23) 684px 722px),repeating-linear-gradient(135deg,rgb(227,122,84) 0px 47px,transparent 47px 96px,rgb(142,227,84) 96px 105px,transparent 105px 119px,rgb(227,122,84) 119px 139px,transparent 139px 148px,rgb(227,170,84) 148px 196px,transparent 196px 208px,rgb(227,84,94) 208px 219px,transparent 219px 243px),repeating-linear-gradient(135deg,rgb(51,241,168) 0px 44px,transparent 44px 83px,rgb(51,241,232) 83px 129px,transparent 129px 149px,rgb(51,241,168) 149px 160px,transparent 160px 195px),repeating-linear-gradient(135deg,rgb(143,147,68) 0px 45px,transparent 45px 50px,rgb(68,147,72) 50px 78px,transparent 78px 96px,rgb(117,147,68) 96px 125px,transparent 125px 167px),repeating-linear-gradient(135deg,rgb(91,89,95) 0px 39px,transparent 39px 84px,rgb(95,89,93) 84px 112px,transparent 112px 142px,rgb(93,89,95) 142px 151px,transparent 151px 199px),linear-gradient(#8dc4e2,#8dc4e2);
}

.reeds {
  background: repeating-linear-gradient(135deg,rgba(0.49,0.49,0.49,0.18) 0px 32px, rgba(0.02,0.02,0.02,0.15) 32px 64px, rgba(0.73,0.73,0.73,0.14) 64px 96px, rgba(0.93,0.93,0.93,0.16) 96px 128px, rgba(0.42,0.42,0.42,0.00) 128px 160px, rgba(0.77,0.77,0.77,0.10) 160px 192px, rgba(0.34,0.34,0.34,0.07) 192px 224px, rgba(0.68,0.68,0.68,0.13) 224px 256px, rgba(0.27,0.27,0.27,0.08) 256px 288px, rgba(0.51,0.51,0.51,0.20) 288px 320px, rgba(0.08,0.08,0.08,0.15) 320px 352px, rgba(0.61,0.61,0.61,0.18) 352px 384px, rgba(0.10,0.10,0.10,0.04) 384px 416px, rgba(0.32,0.32,0.32,0.11) 416px 448px, rgba(0.14,0.14,0.14,0.20) 448px 480px),repeating-linear-gradient(45deg,rgba(0.09,0.09,0.09,0.06) 0px 32px, rgba(0.82,0.82,0.82,0.02) 32px 64px, rgba(0.04,0.04,0.04,0.03) 64px 96px, rgba(0.39,0.39,0.39,0.18) 96px 128px, rgba(0.69,0.69,0.69,0.14) 128px 160px, rgba(0.32,0.32,0.32,0.16) 160px 192px, rgba(0.24,0.24,0.24,0.18) 192px 224px, rgba(0.04,0.04,0.04,0.07) 224px 256px, rgba(0.22,0.22,0.22,0.02) 256px 288px, rgba(0.93,0.93,0.93,0.06) 288px 320px, rgba(0.18,0.18,0.18,0.11) 320px 352px, rgba(0.23,0.23,0.23,0.00) 352px 384px, rgba(0.30,0.30,0.30,0.15) 384px 416px, rgba(0.08,0.08,0.08,0.19) 416px 448px, rgba(0.96,0.96,0.96,0.15) 448px 480px, rgba(0.38,0.38,0.38,0.07) 480px 512px, rgba(0.77,0.77,0.77,0.07) 512px 544px, rgba(0.69,0.69,0.69,0.18) 544px 576px, rgba(0.77,0.77,0.77,0.04) 576px 608px),repeating-linear-gradient(90deg,rgba(0.59,0.59,0.59,0.14) 0px 29px, rgba(0.76,0.76,0.76,0.06) 29px 58px, rgba(0.42,0.42,0.42,0.09) 58px 87px, rgba(0.18,0.18,0.18,0.03) 87px 116px, rgba(0.27,0.27,0.27,0.05) 116px 145px, rgba(0.35,0.35,0.35,0.19) 145px 174px, rgba(0.55,0.55,0.55,0.00) 174px 203px, rgba(0.29,0.29,0.29,0.15) 203px 232px, rgba(0.46,0.46,0.46,0.16) 232px 261px, rgba(0.25,0.25,0.25,0.16) 261px 290px, rgba(0.79,0.79,0.79,0.02) 290px 319px, rgba(0.79,0.79,0.79,0.03) 319px 348px, rgba(0.89,0.89,0.89,0.11) 348px 377px, rgba(0.27,0.27,0.27,0.17) 377px 406px, rgba(0.13,0.13,0.13,0.03) 406px 435px, rgba(0.32,0.32,0.32,0.18) 435px 464px, rgba(0.46,0.46,0.46,0.09) 464px 493px, rgba(0.96,0.96,0.96,0.10) 493px 522px, rgba(0.73,0.73,0.73,0.06) 522px 551px),repeating-linear-gradient(45deg,rgba(0.66,0.66,0.66,0.16) 0px 32px, rgba(0.13,0.13,0.13,0.14) 32px 64px, rgba(0.39,0.39,0.39,0.13) 64px 96px, rgba(0.36,0.36,0.36,0.01) 96px 128px, rgba(0.21,0.21,0.21,0.08) 128px 160px, rgba(0.02,0.02,0.02,0.04) 160px 192px, rgba(0.56,0.56,0.56,0.00) 192px 224px, rgba(0.17,0.17,0.17,0.02) 224px 256px, rgba(0.78,0.78,0.78,0.12) 256px 288px, rgba(0.68,0.68,0.68,0.05) 288px 320px, rgba(0.12,0.12,0.12,0.03) 320px 352px, rgba(0.15,0.15,0.15,0.00) 352px 384px, rgba(0.08,0.08,0.08,0.20) 384px 416px, rgba(0.25,0.25,0.25,0.19) 416px 448px, rgba(0.72,0.72,0.72,0.11) 448px 480px, rgba(0.34,0.34,0.34,0.08) 480px 512px, rgba(0.24,0.24,0.24,0.10) 512px 544px, rgba(0.75,0.75,0.75,0.13) 544px 576px, rgba(0.28,0.28,0.28,0.05) 576px 608px, rgba(0.81,0.81,0.81,0.11) 608px 640px, rgba(0.15,0.15,0.15,0.08) 640px 672px, rgba(0.32,0.32,0.32,0.11) 672px 704px, rgba(0.20,0.20,0.20,0.13) 704px 736px, rgba(0.05,0.05,0.05,0.02) 736px 768px, rgba(0.30,0.30,0.30,0.19) 768px 800px, rgba(0.10,0.10,0.10,0.11) 800px 832px),repeating-linear-gradient(90deg,rgb(177,165,63) 0px 33px,transparent 33px 79px,rgb(63,177,89) 79px 101px,transparent 101px 117px,rgb(74,177,63) 117px 162px,transparent 162px 170px,rgb(112,177,63) 170px 198px,transparent 198px 240px),repeating-linear-gradient(90deg,rgb(17,17,18) 0px 20px,transparent 20px 59px,rgb(17,17,18) 59px 79px,transparent 79px 121px,rgb(17,17,18) 121px 162px,transparent 162px 210px,rgb(17,17,18) 210px 232px,transparent 232px 258px,rgb(18,17,17) 258px 280px,transparent 280px 315px,rgb(17,17,18) 315px 329px,transparent 329px 344px,rgb(17,17,18) 344px 372px,transparent 372px 421px),linear-gradient(white,white);
}

.ray-of-light {
  background: repeating-linear-gradient(0deg,rgba(0.55,0.55,0.55,0.10) 0px 45px, rgba(0.08,0.08,0.08,0.20) 45px 90px, rgba(0.74,0.74,0.74,0.05) 90px 135px, rgba(0.97,0.97,0.97,0.15) 135px 180px, rgba(0.50,0.50,0.50,0.18) 180px 225px, rgba(0.04,0.04,0.04,0.14) 225px 270px, rgba(0.40,0.40,0.40,0.14) 270px 315px, rgba(0.54,0.54,0.54,0.13) 315px 360px, rgba(0.04,0.04,0.04,0.20) 360px 405px, rgba(0.46,0.46,0.46,0.02) 405px 450px, rgba(0.73,0.73,0.73,0.00) 450px 495px, rgba(0.13,0.13,0.13,0.09) 495px 540px),repeating-linear-gradient(90deg,rgba(0.94,0.94,0.94,0.17) 0px 45px, rgba(0.05,0.05,0.05,0.06) 45px 90px, rgba(0.55,0.55,0.55,0.11) 90px 135px, rgba(0.04,0.04,0.04,0.18) 135px 180px, rgba(0.58,0.58,0.58,0.09) 180px 225px, rgba(0.76,0.76,0.76,0.02) 225px 270px, rgba(0.37,0.37,0.37,0.08) 270px 315px, rgba(0.72,0.72,0.72,0.05) 315px 360px, rgba(0.73,0.73,0.73,0.07) 360px 405px, rgba(0.61,0.61,0.61,0.02) 405px 450px, rgba(0.45,0.45,0.45,0.07) 450px 495px),repeating-linear-gradient(45deg,rgba(0.29,0.29,0.29,0.20) 0px 46px, rgba(0.57,0.57,0.57,0.16) 46px 92px, rgba(0.45,0.45,0.45,0.04) 92px 138px, rgba(0.26,0.26,0.26,0.09) 138px 184px, rgba(0.99,0.99,0.99,0.16) 184px 230px, rgba(0.82,0.82,0.82,0.02) 230px 276px, rgba(0.69,0.69,0.69,0.18) 276px 322px, rgba(0.82,0.82,0.82,0.03) 322px 368px, rgba(0.76,0.76,0.76,0.02) 368px 414px, rgba(0.03,0.03,0.03,0.04) 414px 460px),repeating-linear-gradient(45deg,rgba(0.98,0.98,0.98,0.10) 0px 45px, rgba(0.77,0.77,0.77,0.20) 45px 90px, rgba(0.38,0.38,0.38,0.14) 90px 135px, rgba(0.74,0.74,0.74,0.02) 135px 180px, rgba(0.51,0.51,0.51,0.10) 180px 225px, rgba(0.03,0.03,0.03,0.03) 225px 270px, rgba(0.84,0.84,0.84,0.08) 270px 315px, rgba(0.97,0.97,0.97,0.09) 315px 360px, rgba(0.98,0.98,0.98,0.01) 360px 405px, rgba(0.65,0.65,0.65,0.10) 405px 450px, rgba(0.62,0.62,0.62,0.14) 450px 495px, rgba(0.32,0.32,0.32,0.18) 495px 540px, rgba(0.95,0.95,0.95,0.13) 540px 585px, rgba(0.07,0.07,0.07,0.08) 585px 630px, rgba(0.13,0.13,0.13,0.02) 630px 675px, rgba(0.17,0.17,0.17,0.19) 675px 720px, rgba(0.59,0.59,0.59,0.18) 720px 765px, rgba(0.39,0.39,0.39,0.02) 765px 810px, rgba(0.77,0.77,0.77,0.00) 810px 855px, rgba(0.27,0.27,0.27,0.12) 855px 900px, rgba(0.17,0.17,0.17,0.07) 900px 945px, rgba(0.29,0.29,0.29,0.15) 945px 990px),repeating-linear-gradient(45deg,rgb(251,232,23) 0px 21px,transparent 21px 34px,rgb(251,156,23) 34px 59px,transparent 59px 107px,rgb(251,156,23) 107px 119px,transparent 119px 159px,rgb(251,23,42) 159px 200px,transparent 200px 246px),linear-gradient(0deg, #932242,#c146cb,#037b5b);
}

.crazy-texture {
  background: repeating-linear-gradient(112.5deg,rgba(0.37,0.37,0.37,0.14) 0px 19px, rgba(0.16,0.16,0.16,0.12) 19px 38px, rgba(0.15,0.15,0.15,0.13) 38px 57px, rgba(0.54,0.54,0.54,0.14) 57px 76px, rgba(0.37,0.37,0.37,0.14) 76px 95px, rgba(0.72,0.72,0.72,0.10) 95px 114px, rgba(0.63,0.63,0.63,0.08) 114px 133px, rgba(0.33,0.33,0.33,0.13) 133px 152px, rgba(0.29,0.29,0.29,0.17) 152px 171px, rgba(0.80,0.80,0.80,0.18) 171px 190px, rgba(0.07,0.07,0.07,0.16) 190px 209px, rgba(0.64,0.64,0.64,0.07) 209px 228px),repeating-linear-gradient(157.5deg,rgba(0.16,0.16,0.16,0.15) 0px 19px, rgba(0.82,0.82,0.82,0.09) 19px 38px, rgba(0.79,0.79,0.79,0.24) 38px 57px, rgba(0.73,0.73,0.73,0.22) 57px 76px, rgba(0.67,0.67,0.67,0.09) 76px 95px, rgba(0.14,0.14,0.14,0.17) 95px 114px, rgba(0.19,0.19,0.19,0.14) 114px 133px, rgba(0.40,0.40,0.40,0.13) 133px 152px, rgba(0.53,0.53,0.53,0.08) 152px 171px, rgba(0.03,0.03,0.03,0.09) 171px 190px, rgba(0.27,0.27,0.27,0.19) 190px 209px, rgba(0.40,0.40,0.40,0.03) 209px 228px, rgba(0.33,0.33,0.33,0.17) 228px 247px, rgba(0.20,0.20,0.20,0.22) 247px 266px, rgba(0.34,0.34,0.34,0.08) 266px 285px, rgba(0.81,0.81,0.81,0.16) 285px 304px, rgba(0.96,0.96,0.96,0.07) 304px 323px),repeating-linear-gradient(157.5deg,rgba(0.46,0.46,0.46,0.14) 0px 29px, rgba(0.93,0.93,0.93,0.21) 29px 58px, rgba(0.80,0.80,0.80,0.21) 58px 87px, rgba(0.77,0.77,0.77,0.08) 87px 116px, rgba(0.50,0.50,0.50,0.17) 116px 145px, rgba(0.97,0.97,0.97,0.16) 145px 174px, rgba(0.83,0.83,0.83,0.22) 174px 203px, rgba(0.22,0.22,0.22,0.01) 203px 232px, rgba(0.39,0.39,0.39,0.15) 232px 261px, rgba(0.09,0.09,0.09,0.25) 261px 290px, rgba(0.20,0.20,0.20,0.07) 290px 319px, rgba(0.59,0.59,0.59,0.17) 319px 348px, rgba(0.25,0.25,0.25,0.06) 348px 377px, rgba(0.79,0.79,0.79,0.01) 377px 406px, rgba(0.17,0.17,0.17,0.03) 406px 435px, rgba(0.29,0.29,0.29,0.05) 435px 464px, rgba(0.91,0.91,0.91,0.12) 464px 493px, rgba(0.75,0.75,0.75,0.18) 493px 522px, rgba(0.88,0.88,0.88,0.03) 522px 551px, rgba(0.73,0.73,0.73,0.15) 551px 580px),repeating-linear-gradient(135deg,rgba(0.28,0.28,0.28,0.21) 0px 22px, rgba(0.57,0.57,0.57,0.14) 22px 44px, rgba(0.54,0.54,0.54,0.16) 44px 66px, rgba(0.43,0.43,0.43,0.16) 66px 88px, rgba(0.75,0.75,0.75,0.22) 88px 110px, rgba(0.08,0.08,0.08,0.01) 110px 132px, rgba(0.86,0.86,0.86,0.04) 132px 154px, rgba(0.85,0.85,0.85,0.08) 154px 176px, rgba(0.18,0.18,0.18,0.23) 176px 198px, rgba(0.51,0.51,0.51,0.04) 198px 220px, rgba(0.61,0.61,0.61,0.02) 220px 242px, rgba(0.74,0.74,0.74,0.18) 242px 264px, rgba(0.34,0.34,0.34,0.06) 264px 286px, rgba(0.21,0.21,0.21,0.00) 286px 308px, rgba(0.39,0.39,0.39,0.15) 308px 330px, rgba(0.21,0.21,0.21,0.17) 330px 352px, rgba(0.87,0.87,0.87,0.17) 352px 374px),repeating-linear-gradient(0deg,rgb(118,51,29) 0px 24px,transparent 24px 57px,rgb(118,110,29) 57px 69px,transparent 69px 107px,rgb(118,110,29) 107px 125px,transparent 125px 148px,rgb(118,81,29) 148px 194px,transparent 194px 220px,rgb(95,118,29) 220px 262px,transparent 262px 285px,rgb(118,29,36) 285px 302px,transparent 302px 336px),linear-gradient(135deg, #b08fc1,#cf1049,#6f94a1);
}

.golden-abyss {
  background: repeating-linear-gradient(0deg,rgba(0.23,0.23,0.23,0.12) 0px 21px, rgba(0.75,0.75,0.75,0.09) 21px 42px, rgba(0.82,0.82,0.82,0.05) 42px 63px, rgba(0.84,0.84,0.84,0.22) 63px 84px, rgba(0.93,0.93,0.93,0.07) 84px 105px, rgba(0.71,0.71,0.71,0.07) 105px 126px, rgba(0.81,0.81,0.81,0.13) 126px 147px, rgba(0.98,0.98,0.98,0.21) 147px 168px, rgba(0.87,0.87,0.87,0.09) 168px 189px, rgba(0.70,0.70,0.70,0.17) 189px 210px, rgba(0.17,0.17,0.17,0.23) 210px 231px, rgba(0.15,0.15,0.15,0.14) 231px 252px, rgba(0.24,0.24,0.24,0.15) 252px 273px, rgba(0.31,0.31,0.31,0.20) 273px 294px, rgba(0.90,0.90,0.90,0.16) 294px 315px, rgba(0.24,0.24,0.24,0.00) 315px 336px),repeating-linear-gradient(67.5deg,rgba(0.54,0.54,0.54,0.13) 0px 21px, rgba(0.84,0.84,0.84,0.05) 21px 42px, rgba(0.78,0.78,0.78,0.15) 42px 63px, rgba(0.27,0.27,0.27,0.14) 63px 84px, rgba(0.51,0.51,0.51,0.18) 84px 105px, rgba(0.25,0.25,0.25,0.17) 105px 126px, rgba(0.80,0.80,0.80,0.25) 126px 147px, rgba(0.81,0.81,0.81,0.17) 147px 168px, rgba(0.77,0.77,0.77,0.02) 168px 189px, rgba(0.07,0.07,0.07,0.03) 189px 210px, rgba(0.46,0.46,0.46,0.18) 210px 231px),repeating-linear-gradient(90deg,rgba(0.10,0.10,0.10,0.13) 0px 25px, rgba(0.30,0.30,0.30,0.04) 25px 50px, rgba(0.51,0.51,0.51,0.04) 50px 75px, rgba(0.18,0.18,0.18,0.09) 75px 100px, rgba(0.41,0.41,0.41,0.21) 100px 125px, rgba(0.36,0.36,0.36,0.05) 125px 150px, rgba(0.23,0.23,0.23,0.06) 150px 175px, rgba(0.61,0.61,0.61,0.16) 175px 200px, rgba(0.99,0.99,0.99,0.03) 200px 225px, rgba(0.73,0.73,0.73,0.09) 225px 250px, rgba(0.12,0.12,0.12,0.13) 250px 275px, rgba(0.73,0.73,0.73,0.01) 275px 300px, rgba(0.55,0.55,0.55,0.04) 300px 325px, rgba(0.69,0.69,0.69,0.13) 325px 350px),repeating-linear-gradient(157.5deg,rgba(0.11,0.11,0.11,0.24) 0px 26px, rgba(0.79,0.79,0.79,0.18) 26px 52px, rgba(0.95,0.95,0.95,0.13) 52px 78px, rgba(0.33,0.33,0.33,0.01) 78px 104px, rgba(0.16,0.16,0.16,0.25) 104px 130px, rgba(0.51,0.51,0.51,0.08) 130px 156px, rgba(0.03,0.03,0.03,0.20) 156px 182px, rgba(0.55,0.55,0.55,0.05) 182px 208px, rgba(0.58,0.58,0.58,0.23) 208px 234px, rgba(0.51,0.51,0.51,0.09) 234px 260px, rgba(1.00,1.00,1.00,0.12) 260px 286px, rgba(0.75,0.75,0.75,0.03) 286px 312px, rgba(0.73,0.73,0.73,0.24) 312px 338px, rgba(0.15,0.15,0.15,0.12) 338px 364px, rgba(0.34,0.34,0.34,0.20) 364px 390px, rgba(0.05,0.05,0.05,0.16) 390px 416px, rgba(0.91,0.91,0.91,0.02) 416px 442px, rgba(0.02,0.02,0.02,0.18) 442px 468px, rgba(0.76,0.76,0.76,0.22) 468px 494px),repeating-linear-gradient(0deg,rgb(140,147,82) 0px 23px,transparent 23px 49px,rgb(82,147,132) 49px 77px,transparent 77px 104px,rgb(97,147,82) 104px 124px,transparent 124px 171px,rgb(140,147,82) 171px 220px,transparent 220px 260px,rgb(97,147,82) 260px 303px,transparent 303px 342px),linear-gradient(90deg, #3a1c22,#17c7df,#4233ae);
}

.thick-grass {
  background: repeating-linear-gradient(67.5deg,rgba(0.04,0.04,0.04,0.07) 0px 12px, rgba(0.64,0.64,0.64,0.12) 12px 24px, rgba(0.18,0.18,0.18,0.10) 24px 36px, rgba(0.83,0.83,0.83,0.15) 36px 48px, rgba(0.98,0.98,0.98,0.09) 48px 60px, rgba(0.91,0.91,0.91,0.23) 60px 72px, rgba(0.80,0.80,0.80,0.15) 72px 84px, rgba(0.08,0.08,0.08,0.13) 84px 96px, rgba(0.65,0.65,0.65,0.05) 96px 108px, rgba(0.81,0.81,0.81,0.20) 108px 120px, rgba(0.60,0.60,0.60,0.04) 120px 132px, rgba(0.31,0.31,0.31,0.03) 132px 144px, rgba(0.52,0.52,0.52,0.17) 144px 156px, rgba(0.64,0.64,0.64,0.28) 156px 168px, rgba(0.97,0.97,0.97,0.10) 168px 180px, rgba(0.82,0.82,0.82,0.22) 180px 192px, rgba(0.99,0.99,0.99,0.05) 192px 204px, rgba(0.51,0.51,0.51,0.07) 204px 216px, rgba(0.88,0.88,0.88,0.27) 216px 228px, rgba(0.08,0.08,0.08,0.21) 228px 240px, rgba(0.47,0.47,0.47,0.05) 240px 252px, rgba(0.67,0.67,0.67,0.10) 252px 264px, rgba(0.80,0.80,0.80,0.28) 264px 276px, rgba(0.43,0.43,0.43,0.06) 276px 288px, rgba(0.88,0.88,0.88,0.13) 288px 300px, rgba(0.00,0.00,0.00,0.16) 300px 312px, rgba(0.72,0.72,0.72,0.13) 312px 324px, rgba(0.55,0.55,0.55,0.20) 324px 336px),repeating-linear-gradient(45deg,rgba(0.60,0.60,0.60,0.04) 0px 12px, rgba(0.32,0.32,0.32,0.00) 12px 24px, rgba(0.51,0.51,0.51,0.13) 24px 36px, rgba(0.33,0.33,0.33,0.27) 36px 48px, rgba(0.06,0.06,0.06,0.26) 48px 60px, rgba(0.71,0.71,0.71,0.32) 60px 72px, rgba(0.00,0.00,0.00,0.26) 72px 84px, rgba(0.36,0.36,0.36,0.07) 84px 96px, rgba(0.18,0.18,0.18,0.03) 96px 108px, rgba(0.23,0.23,0.23,0.06) 108px 120px, rgba(0.32,0.32,0.32,0.06) 120px 132px, rgba(0.12,0.12,0.12,0.07) 132px 144px, rgba(0.03,0.03,0.03,0.06) 144px 156px, rgba(0.56,0.56,0.56,0.07) 156px 168px, rgba(0.59,0.59,0.59,0.06) 168px 180px, rgba(0.41,0.41,0.41,0.04) 180px 192px, rgba(0.40,0.40,0.40,0.26) 192px 204px, rgba(0.34,0.34,0.34,0.19) 204px 216px, rgba(0.51,0.51,0.51,0.27) 216px 228px, rgba(0.44,0.44,0.44,0.05) 228px 240px, rgba(0.50,0.50,0.50,0.10) 240px 252px, rgba(0.92,0.92,0.92,0.23) 252px 264px, rgba(0.52,0.52,0.52,0.20) 264px 276px),repeating-linear-gradient(45deg,rgba(0.99,0.99,0.99,0.27) 0px 9px, rgba(0.40,0.40,0.40,0.30) 9px 18px, rgba(0.68,0.68,0.68,0.01) 18px 27px, rgba(0.91,0.91,0.91,0.24) 27px 36px, rgba(0.27,0.27,0.27,0.17) 36px 45px, rgba(0.78,0.78,0.78,0.27) 45px 54px, rgba(0.90,0.90,0.90,0.33) 54px 63px, rgba(0.47,0.47,0.47,0.29) 63px 72px, rgba(0.49,0.49,0.49,0.25) 72px 81px, rgba(0.56,0.56,0.56,0.27) 81px 90px, rgba(0.68,0.68,0.68,0.13) 90px 99px, rgba(0.34,0.34,0.34,0.18) 99px 108px, rgba(0.81,0.81,0.81,0.22) 108px 117px, rgba(0.19,0.19,0.19,0.31) 117px 126px, rgba(0.01,0.01,0.01,0.02) 126px 135px, rgba(0.58,0.58,0.58,0.20) 135px 144px, rgba(0.61,0.61,0.61,0.24) 144px 153px, rgba(0.53,0.53,0.53,0.26) 153px 162px, rgba(0.27,0.27,0.27,0.03) 162px 171px, rgba(0.86,0.86,0.86,0.14) 171px 180px, rgba(0.65,0.65,0.65,0.21) 180px 189px, rgba(0.38,0.38,0.38,0.23) 189px 198px, rgba(0.02,0.02,0.02,0.00) 198px 207px, rgba(0.53,0.53,0.53,0.14) 207px 216px, rgba(0.71,0.71,0.71,0.32) 216px 225px, rgba(0.26,0.26,0.26,0.06) 225px 234px),repeating-linear-gradient(157.5deg,rgba(0.32,0.32,0.32,0.06) 0px 20px, rgba(0.07,0.07,0.07,0.17) 20px 40px, rgba(0.95,0.95,0.95,0.23) 40px 60px, rgba(0.77,0.77,0.77,0.06) 60px 80px, rgba(0.39,0.39,0.39,0.03) 80px 100px, rgba(0.34,0.34,0.34,0.13) 100px 120px, rgba(0.82,0.82,0.82,0.20) 120px 140px, rgba(0.85,0.85,0.85,0.19) 140px 160px, rgba(0.54,0.54,0.54,0.15) 160px 180px, rgba(0.06,0.06,0.06,0.16) 180px 200px, rgba(0.78,0.78,0.78,0.15) 200px 220px, rgba(0.94,0.94,0.94,0.18) 220px 240px, rgba(0.43,0.43,0.43,0.27) 240px 260px, rgba(0.32,0.32,0.32,0.20) 260px 280px, rgba(0.27,0.27,0.27,0.32) 280px 300px, rgba(0.67,0.67,0.67,0.18) 300px 320px, rgba(0.93,0.93,0.93,0.29) 320px 340px, rgba(0.61,0.61,0.61,0.23) 340px 360px),repeating-linear-gradient(90deg,rgb(131,185,3) 0px 30px,transparent 30px 40px,rgb(131,185,3) 40px 61px,transparent 61px 97px,rgb(3,185,58) 97px 119px,transparent 119px 138px,rgb(185,119,3) 138px 185px,transparent 185px 209px,rgb(10,185,3) 209px 223px,transparent 223px 250px,rgb(185,119,3) 250px 295px,transparent 295px 317px,rgb(3,185,58) 317px 361px,transparent 361px 380px,rgb(70,185,3) 380px 390px,transparent 390px 424px),linear-gradient(45deg, #49e304,#d34e3c);
}

.deep-deep-purple {
  background: repeating-linear-gradient(90deg,rgba(0.24,0.24,0.24,0.01) 0px 25px, rgba(0.46,0.46,0.46,0.13) 25px 50px, rgba(0.74,0.74,0.74,0.08) 50px 75px, rgba(0.50,0.50,0.50,0.10) 75px 100px, rgba(0.64,0.64,0.64,0.07) 100px 125px, rgba(0.98,0.98,0.98,0.01) 125px 150px, rgba(0.62,0.62,0.62,0.06) 150px 175px, rgba(0.24,0.24,0.24,0.05) 175px 200px, rgba(0.27,0.27,0.27,0.07) 200px 225px, rgba(0.53,0.53,0.53,0.16) 225px 250px, rgba(0.05,0.05,0.05,0.12) 250px 275px, rgba(0.01,0.01,0.01,0.04) 275px 300px, rgba(0.40,0.40,0.40,0.11) 300px 325px, rgba(0.56,0.56,0.56,0.05) 325px 350px, rgba(0.23,0.23,0.23,0.01) 350px 375px),repeating-linear-gradient(67.5deg,rgba(0.19,0.19,0.19,0.08) 0px 25px, rgba(0.12,0.12,0.12,0.15) 25px 50px, rgba(0.07,0.07,0.07,0.05) 50px 75px, rgba(0.78,0.78,0.78,0.00) 75px 100px, rgba(0.20,0.20,0.20,0.05) 100px 125px, rgba(0.09,0.09,0.09,0.14) 125px 150px, rgba(0.60,0.60,0.60,0.16) 150px 175px, rgba(0.39,0.39,0.39,0.08) 175px 200px, rgba(0.47,0.47,0.47,0.16) 200px 225px, rgba(0.42,0.42,0.42,0.09) 225px 250px, rgba(0.36,0.36,0.36,0.16) 250px 275px, rgba(0.90,0.90,0.90,0.10) 275px 300px, rgba(0.42,0.42,0.42,0.06) 300px 325px, rgba(0.32,0.32,0.32,0.13) 325px 350px, rgba(0.50,0.50,0.50,0.12) 350px 375px, rgba(0.52,0.52,0.52,0.03) 375px 400px, rgba(0.11,0.11,0.11,0.03) 400px 425px, rgba(0.61,0.61,0.61,0.11) 425px 450px, rgba(0.83,0.83,0.83,0.00) 450px 475px, rgba(0.11,0.11,0.11,0.05) 475px 500px),repeating-linear-gradient(90deg,rgba(0.36,0.36,0.36,0.16) 0px 31px, rgba(0.92,0.92,0.92,0.08) 31px 62px, rgba(0.46,0.46,0.46,0.12) 62px 93px, rgba(0.53,0.53,0.53,0.17) 93px 124px, rgba(0.84,0.84,0.84,0.12) 124px 155px, rgba(0.74,0.74,0.74,0.16) 155px 186px, rgba(0.26,0.26,0.26,0.02) 186px 217px, rgba(0.98,0.98,0.98,0.15) 217px 248px, rgba(0.15,0.15,0.15,0.06) 248px 279px, rgba(0.90,0.90,0.90,0.14) 279px 310px, rgba(0.60,0.60,0.60,0.03) 310px 341px, rgba(0.42,0.42,0.42,0.08) 341px 372px, rgba(0.92,0.92,0.92,0.15) 372px 403px, rgba(0.09,0.09,0.09,0.02) 403px 434px, rgba(0.98,0.98,0.98,0.03) 434px 465px, rgba(0.38,0.38,0.38,0.09) 465px 496px, rgba(0.35,0.35,0.35,0.16) 496px 527px, rgba(0.46,0.46,0.46,0.03) 527px 558px),repeating-linear-gradient(0deg,rgba(0.83,0.83,0.83,0.06) 0px 36px, rgba(0.77,0.77,0.77,0.10) 36px 72px, rgba(0.75,0.75,0.75,0.04) 72px 108px, rgba(0.65,0.65,0.65,0.17) 108px 144px, rgba(0.83,0.83,0.83,0.07) 144px 180px, rgba(0.82,0.82,0.82,0.10) 180px 216px, rgba(0.04,0.04,0.04,0.16) 216px 252px, rgba(0.55,0.55,0.55,0.03) 252px 288px, rgba(0.05,0.05,0.05,0.02) 288px 324px, rgba(0.14,0.14,0.14,0.00) 324px 360px, rgba(0.34,0.34,0.34,0.04) 360px 396px, rgba(0.76,0.76,0.76,0.12) 396px 432px, rgba(0.57,0.57,0.57,0.11) 432px 468px, rgba(0.12,0.12,0.12,0.11) 468px 504px, rgba(0.03,0.03,0.03,0.16) 504px 540px, rgba(0.05,0.05,0.05,0.03) 540px 576px, rgba(0.16,0.16,0.16,0.15) 576px 612px),repeating-linear-gradient(135deg,rgba(0.23,0.23,0.23,0.08) 0px 25px, rgba(0.22,0.22,0.22,0.10) 25px 50px, rgba(0.88,0.88,0.88,0.05) 50px 75px, rgba(0.71,0.71,0.71,0.09) 75px 100px, rgba(0.65,0.65,0.65,0.16) 100px 125px, rgba(0.10,0.10,0.10,0.00) 125px 150px, rgba(0.12,0.12,0.12,0.17) 150px 175px, rgba(0.83,0.83,0.83,0.01) 175px 200px, rgba(0.82,0.82,0.82,0.07) 200px 225px, rgba(0.97,0.97,0.97,0.16) 225px 250px, rgba(0.80,0.80,0.80,0.03) 250px 275px, rgba(0.90,0.90,0.90,0.03) 275px 300px, rgba(0.73,0.73,0.73,0.11) 300px 325px),repeating-linear-gradient(135deg,rgb(181,21,165) 0px 29px,transparent 29px 78px,rgb(181,21,165) 78px 117px,transparent 117px 154px,rgb(181,21,165) 154px 178px,transparent 178px 212px,rgb(143,21,181) 212px 256px,transparent 256px 275px,rgb(143,21,181) 275px 294px,transparent 294px 315px),repeating-linear-gradient(135deg,rgb(55,53,56) 0px 26px,transparent 26px 56px,rgb(55,53,56) 56px 84px,transparent 84px 131px),repeating-linear-gradient(135deg,rgb(16,87,95) 0px 33px,transparent 33px 75px,rgb(24,16,95) 75px 110px,transparent 110px 132px,rgb(16,35,95) 132px 152px,transparent 152px 200px,rgb(51,16,95) 200px 220px,transparent 220px 264px,rgb(51,16,95) 264px 291px,transparent 291px 305px,rgb(16,87,95) 305px 349px,transparent 349px 390px,rgb(16,35,95) 390px 400px,transparent 400px 422px),linear-gradient(90deg, #4b244e,#884495);
}
              
            
!

JS

              
                const GRADIENT_LIST = ['deep-deep-purple','from-beyond','green-checkers', 'corners', 'preppy', 'purple-shade', 'greenish', 'woodish', 'professor', 'evening-colors', 'deep-purple', 'weird-christmas', 'blue-dream', 'green-shirt', 'blue-window', 'stained-glass', 'green-window', 'sunlight', 'depths', 'quilt', 'dark-sunset', 'grass', 'ocean',  'sun-sweep', 'numbered-depths', 'fancy-jail', 'pure-art', 'reeds', 'ray-of-light', 'crazy-texture', 'golden-abyss', 'thick-grass']

toastr.options = {
  "closeButton": false,
  "debug": false,
  "newestOnTop": false,
  "progressBar": false,
  "positionClass": "toast-top-right",
  "preventDuplicates": false,
  "onclick": null,
  "showDuration": "300",
  "hideDuration": "1000",
  "timeOut": "2000",
  "extendedTimeOut": "1000",
  "showEasing": "swing",
  "hideEasing": "linear",
  "showMethod": "fadeIn",
  "hideMethod": "fadeOut"
}

let content = document.querySelector('#content');

for(let i=0;i<GRADIENT_LIST.length;i++){
  let newDiv = document.createElement('div')
  newDiv.classList.add('show-grad',GRADIENT_LIST[i]);
  
  newDiv.addEventListener('click', function(){
    let styles = window.getComputedStyle(this);
    let bg = styles.getPropertyValue('background-image');
    
    let copyBox = document.querySelector('#copyBox');
    copyBox.style['display'] = 'block';
    copyBox.innerHTML = bg;
    selectText('copyBox')
    document.execCommand('copy');
    copyBox.style['display'] = 'none';
    toastr.success('CSS Copied to Clipboard')
  })
  content.appendChild(newDiv);
}

// https://stackoverflow.com/questions/985272/selecting-text-in-an-element-akin-to-highlighting-with-your-mouse
function selectText(node) {
    node = document.getElementById(node);

    if (document.body.createTextRange) {
        const range = document.body.createTextRange();
        range.moveToElementText(node);
        range.select();
    } else if (window.getSelection) {
        const selection = window.getSelection();
        const range = document.createRange();
        range.selectNodeContents(node);
        selection.removeAllRanges();
        selection.addRange(range);
    } else {
        console.warn("Could not select text in node: Unsupported browser.");
    }
}


              
            
!
999px

Console