.bg-1 {
	background: linear-gradient(-45deg, #ee7752, #e73c7e, #23a6d5, #23d5ab);
	background-size: 400% 400%;
	animation: gradient 15s ease infinite;
}

@keyframes gradient {
	0% {
		background-position: 0% 50%;
	}
	50% {
		background-position: 100% 50%;
	}
	100% {
		background-position: 0% 50%;
	}
}
.bg-2 {
  background: linear-gradient(90deg, #161122 21px, transparent 1%) center, linear-gradient(#161122 21px, transparent 1%) center, #a799cc;
  background-size: 22px 22px;
}
.bg-3 {
  background: radial-gradient(1.5em 6.28571em at 1.95em, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0.25) 50%, rgba(255, 255, 255, 0.25) 55%, rgba(255, 255, 255, 0) 55%) 0 0, radial-gradient(1.5em 6.28571em at -0.45em, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0.25) 50%, rgba(255, 255, 255, 0.25) 55%, rgba(255, 255, 255, 0) 55%) 1.5em 5.5em, radial-gradient(2.3em 4.57143em at 2.99em, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0.3) 50%, rgba(255, 255, 255, 0.3) 55%, rgba(255, 255, 255, 0) 55%) 0 0, radial-gradient(2.3em 4.57143em at -0.69em, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0.3) 50%, rgba(255, 255, 255, 0.3) 55%, rgba(255, 255, 255, 0) 55%) 2.3em 4em, radial-gradient(3.5em 6.28571em at 4.55em, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0.25) 50%, rgba(255, 255, 255, 0.25) 55%, rgba(255, 255, 255, 0) 55%) 0 0, radial-gradient(3.5em 6.28571em at -1.05em, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0.25) 50%, rgba(255, 255, 255, 0.25) 55%, rgba(255, 255, 255, 0) 55%) 3.5em 5.5em, radial-gradient(#15ffa5, #00ced1);
  background-color: mediumspringgreen;
  background-size: 1.5em 11em, 1.5em 11em, 2.3em 8em, 2.3em 8em, 3.5em 11em, 3.5em 11em, 100% 100%;
  background-repeat: repeat;
}
.bg-4{
  height: 100vh;
  background-color: #000;
  background-image: repeating-linear-gradient(transparent, transparent 50px, rgba(0,255,255, .25) 50px,rgba(0,255,255, .25) 100px), repeating-linear-gradient(90deg, rgba(0,255,255, .25), rgba(0,255,255, .25) 50px, transparent 50px, transparent 100px), repeating-linear-gradient(135deg, transparent, transparent 4px, rgba(255,255,255,.1) 4px, rgba(255,255,255,.1) 8px), repeating-linear-gradient(45deg, transparent, transparent 4px, rgba(255,255,255,.1) 4px, rgba(255,255,255,.1) 8px), repeating-linear-gradient(transparent, transparent 20px, rgba(100,250,250, .2) 20px, rgba(100,250,250, .2) 21px, transparent 21px,transparent 29px, rgba(100,250,250, .2) 29px, rgba(100,250,250, .2) 30px, transparent 30px, transparent 50px), repeating-linear-gradient(90deg, transparent, transparent 20px, rgba(100,250,250, .2) 20px, rgba(100,250,250, .2) 21px, transparent 21px,transparent 29px, rgba(100,250,250, .2) 29px, rgba(100,250,250, .2) 30px, transparent 30px, transparent 50px);
}
.bg-5{
  background-color: #222;
  background-image: linear-gradient(25deg, transparent 65%, rgb(15, 68, 75), transparent 70%), linear-gradient(-25deg, transparent 65%, rgb(15, 68, 75), transparent 70%), linear-gradient(-25deg, transparent 30%, rgb(15, 68, 75), transparent 35%), linear-gradient(25deg, transparent 30%, rgb(15, 68, 75), transparent 35%), linear-gradient(65deg, transparent 65%, rgb(15, 68, 75), transparent 70%), linear-gradient(-65deg, transparent 65%, rgb(15, 68, 75), transparent 70%), linear-gradient(-65deg, transparent 30%, rgb(15, 68, 75), transparent 35%), linear-gradient(65deg, transparent 30%, rgb(15, 68, 75), transparent 35%);
  background-size: 5em 2em, 5em 2em, 5em 2em, 5em 2em, 2em 5em, 2em 5em, 2em 5em, 2em 5em;
}
.bg-6{
	background:
		linear-gradient(180deg, rgba(248, 184, 139,0) 20%, rgba(248, 184, 139,.1) 20%, rgba(248, 184, 139,.1) 40%, rgba(248, 184, 139,.2) 40%, rgba(248, 184, 139,.2) 60%, rgba(248, 184, 139,.4) 60%, rgba(248, 184, 139,.4) 80%, rgba(248, 184, 139,.5) 80%),
    linear-gradient(45deg, rgba(250, 248, 132,.3) 20%, rgba(250, 248, 132,.4) 20%, rgba(250, 248, 132,.4) 40%, rgba(250, 248, 132,.5) 40%, rgba(250, 248, 132,.5) 60%, rgba(250, 248, 132,.6) 60%, rgba(250, 248, 132,.6) 80%, rgba(250, 248, 132,.7) 80%),
    linear-gradient(-45deg, rgba(186, 237, 145,0) 20%, rgba(186, 237, 145,.1) 20%, rgba(186, 237, 145,.1) 40%, rgba(186, 237, 145,.2) 40%, rgba(186, 237, 145,.2) 60%, rgba(186, 237, 145,.4) 60%, rgba(186, 237, 145,.4) 80%, rgba(186, 237, 145,.6) 80%),
		linear-gradient(90deg, rgba(178, 206, 254,0) 20%, rgba(178, 206, 254,.3) 20%, rgba(178, 206, 254,.3) 40%, rgba(178, 206, 254,.5) 40%, rgba(178, 206, 254,.5) 60%, rgba(178, 206, 254,.7) 60%, rgba(178, 206, 254,.7) 80%, rgba(178, 206, 254,.8) 80%),
    linear-gradient(-90deg, rgba(242, 162, 232,0) 20%, rgba(242, 162, 232,.4) 20%, rgba(242, 162, 232,.4) 40%, rgba(242, 162, 232,.5) 40%, rgba(242, 162, 232,.5) 60%, rgba(242, 162, 232,.6) 60%, rgba(242, 162, 232,.6) 80%, rgba(242, 162, 232,.8) 80%),
    linear-gradient(180deg, rgba(254, 163, 170,0) 20%, rgba(254, 163, 170,.4) 20%, rgba(254, 163, 170,.4) 40%, rgba(254, 163, 170,.6) 40%, rgba(254, 163, 170,.6) 60%, rgba(254, 163, 170,.8) 60%, rgba(254, 163, 170,.8) 80%, rgba(254, 163, 170,.9) 80%);
    background-color: rgb(254, 163, 170);
    background-size: 100% 100%;
    min-height: 100%;
}
.bg-7{
  background:
  linear-gradient(0deg, rgba(248, 184, 139,0) 20%, rgba(248, 184, 139,.1) 20%, rgba(248, 184, 139,.1) 40%, rgba(248, 184, 139,.2) 40%, rgba(248, 184, 139,.2) 60%, rgba(248, 184, 139,.4) 60%, rgba(248, 184, 139,.4) 80%, rgba(248, 184, 139,.6) 80%),
  linear-gradient(45deg, rgba(250, 248, 132,0) 20%, rgba(250, 248, 132,.1) 20%, rgba(250, 248, 132,.1) 40%, rgba(250, 248, 132,.2) 40%, rgba(250, 248, 132,.2) 60%, rgba(250, 248, 132,.4) 60%, rgba(250, 248, 132,.4) 80%, rgba(250, 248, 132,.6) 80%),
  linear-gradient(90deg, rgba(186, 237, 145,0) 20%, rgba(186, 237, 145,.1) 20%, rgba(186, 237, 145,.1) 40%, rgba(186, 237, 145,.2) 40%, rgba(186, 237, 145,.2) 60%, rgba(186, 237, 145,.4) 60%, rgba(186, 237, 145,.4) 80%, rgba(186, 237, 145,.6) 80%),
  linear-gradient(135deg, rgba(178, 206, 254,0) 20%, rgba(178, 206, 254,.1) 20%, rgba(178, 206, 254,.1) 40%, rgba(178, 206, 254,.2) 40%, rgba(178, 206, 254,.2) 60%, rgba(178, 206, 254,.4) 60%, rgba(178, 206, 254,.4) 80%, rgba(178, 206, 254,.6) 80%),
  linear-gradient(180deg, rgba(242, 162, 232,0) 20%, rgba(242, 162, 232,.1) 20%, rgba(242, 162, 232,.1) 40%, rgba(242, 162, 232,.2) 40%, rgba(242, 162, 232,.2) 60%, rgba(242, 162, 232,.4) 60%, rgba(242, 162, 232,.4) 80%, rgba(242, 162, 232,.6) 80%),
  linear-gradient(225deg, rgba(254, 163, 170,0) 20%, rgba(254, 163, 170,.1) 20%, rgba(254, 163, 170,.1) 40%, rgba(254, 163, 170,.2) 40%, rgba(254, 163, 170,.2) 60%, rgba(254, 163, 170,.4) 60%, rgba(254, 163, 170,.4) 80%, rgba(254, 163, 170,.6) 80%),
  linear-gradient(270deg, rgba(248, 184, 139,0) 20%, rgba(248, 184, 139,.1) 20%, rgba(248, 184, 139,.1) 40%, rgba(248, 184, 139,.2) 40%, rgba(248, 184, 139,.2) 60%, rgba(248, 184, 139,.4) 60%, rgba(248, 184, 139,.4) 80%, rgba(248, 184, 139,.6) 80%),
  linear-gradient(315deg, rgba(250, 248, 132,0) 20%, rgba(250, 248, 132,.1) 20%, rgba(250, 248, 132,.1) 40%, rgba(250, 248, 132,.2) 40%, rgba(250, 248, 132,.2) 60%, rgba(250, 248, 132,.4) 60%, rgba(250, 248, 132,.4) 80%, rgba(250, 248, 132,.6) 80%);
  background-color: rgb(254, 163, 170);
  background-size: 100% 100%;
  min-height: 100%;
}
.bg-8{
	background:
		linear-gradient(180deg, rgba(255,0,102,0) 20%, rgba(255,0,102,.1) 20%, rgba(255,0,102,.1) 40%, rgba(255,0,102,.2) 40%, rgba(255,0,102,.2) 60%, rgba(255,0,102,.4) 60%, rgba(255,0,102,.4) 80%, rgba(255,0,102,.6) 80%),
		linear-gradient(-90deg, rgba(255,0,102,0) 20%, rgba(255,0,102,.1) 20%, rgba(255,0,102,.1) 40%, rgba(255,0,102,.2) 40%, rgba(255,0,102,.2) 60%, rgba(255,0,102,.4) 60%, rgba(255,0,102,.4) 80%, rgba(255,0,102,.6) 80%);
	background-color: #fc0;
	background-size: 100% 100%;
	min-height: 100%;
}
.bg-9{
  color: white;
background-color:#000000;

background-image: repeating-linear-gradient(transparent, transparent 50px, #1e1e1e 50px, #1e1e1e 53px, transparent 53px, transparent 63px, #1e1e1e 63px, #1e1e1e 66px, transparent 66px, transparent 116px, rgba(0,0,0,.5) 116px, rgba(0,0,0,.5) 166px, rgba(255,255,255,.2) 166px, rgba(255,255,255,.2) 169px, rgba(0,0,0,.5) 169px, rgba(0,0,0,.5) 179px, rgba(255,255,255,.2) 179px, rgba(255,255,255,.2) 182px, rgba(0,0,0,.5) 182px, rgba(0,0,0,.5) 232px, transparent 232px),
  repeating-linear-gradient(270deg, transparent, transparent 50px, #1e1e1e 50px, #1e1e1e 53px, transparent 53px, transparent 63px, #1e1e1e 63px, #1e1e1e 66px, transparent 66px, transparent 116px, rgba(0,0,0,.5) 116px, rgba(0,0,0,.5) 166px, rgba(255,255,255,.2) 166px, rgba(255,255,255,.2) 169px, rgba(0,0,0,.5) 169px, rgba(0,0,0,.5) 179px, rgba(255,255,255,.2) 179px, rgba(255,255,255,.2) 182px, rgba(0,0,0,.5) 182px, rgba(0,0,0,.5) 232px, transparent 232px);

}
.bg-10{
  background-color:#001e29;
  background-image:
    repeating-linear-gradient(
      45deg,
      rgba(0,0,0,0.8),
      rgba(0,0,0,0.8) 100px,
      transparent 0px,
      transparent 200px
    ),
    repeating-linear-gradient(
      -45deg,
      rgba(0,0,0,0.5),
      rgba(0,0,0,0.5) 100px,
      transparent 0px,
      transparent 200px
    );
}
.bg-11{
  background-color: #000;
  background-image: linear-gradient(25deg, transparent 65%, rgb(15, 68, 75), transparent 70%), linear-gradient(-25deg, transparent 65%, rgb(15, 68, 75), transparent 70%), linear-gradient(-25deg, transparent 30%, rgb(15, 68, 75), transparent 35%), linear-gradient(25deg, transparent 30%, rgb(15, 68, 75), transparent 35%), linear-gradient(65deg, transparent 65%, rgb(15, 68, 75), transparent 70%), linear-gradient(-65deg, transparent 65%, rgb(15, 68, 75), transparent 70%), linear-gradient(-65deg, transparent 30%, rgb(15, 68, 75), transparent 35%), linear-gradient(65deg, transparent 30%, rgb(15, 68, 75), transparent 35%);
  background-size: 5em 2em, 5em 2em, 5em 2em, 5em 2em, 2em 5em, 2em 5em, 2em 5em, 2em 5em;
}
.bg-12 {
  background-color: #3b1010;
  background-image: repeating-linear-gradient( 45deg, rgb(0 0 0 / 80%), rgba(0,0,0,0.8) 100px, transparent 0px, transparent 200px ), repeating-linear-gradient( -45deg, rgba(0,0,0,0.5), rgba(0,0,0,0.5) 100px, transparent 0px, transparent 200px );
}
.bg-13 {
	background: linear-gradient(-45deg, #c6d540, #9ae73c, #23c9d5, #23d544);
	background-size: 400% 400%;
	animation: gradient 15s ease infinite;
}
.bg-14{
  color: white;
  background-color: #001433;
  background-image: repeating-linear-gradient(transparent, transparent 50px, #1e1e1e 50px, #1e1e1e 53px, transparent 53px, transparent 63px, #1e1e1e 63px, #1e1e1e 66px, transparent 66px, transparent 116px, rgba(0,0,0,.5) 116px, rgba(0,0,0,.5) 166px, rgba(255,255,255,.2) 166px, rgba(255,255,255,.2) 169px, rgba(0,0,0,.5) 169px, rgba(0,0,0,.5) 179px, rgba(255,255,255,.2) 179px, rgba(255,255,255,.2) 182px, rgba(0,0,0,.5) 182px, rgba(0,0,0,.5) 232px, transparent 232px), repeating-linear-gradient(270deg, transparent, transparent 50px, #1e1e1e 50px, #1e1e1e 53px, transparent 53px, transparent 63px, #1e1e1e 63px, #1e1e1e 66px, transparent 66px, transparent 116px, rgba(0,0,0,.5) 116px, rgba(0,0,0,.5) 166px, rgba(255,255,255,.2) 166px, rgba(255,255,255,.2) 169px, rgba(0,0,0,.5) 169px, rgba(0,0,0,.5) 179px, rgba(255,255,255,.2) 179px, rgba(255,255,255,.2) 182px, rgba(0,0,0,.5) 182px, rgba(0,0,0,.5) 232px, transparent 232px);
}
.bg-15{
  background: #ffffff;
}