nav{ background: linear-gradient(to right bottom, #fff 10%,#23b34e); }

.top_site > span{ color:#f3dbf2; }
.top_site > a{ color: #fff;}

.top_main_info>a{ color:#cf5757; }
/* .top_main_info>a:first-child{ color:#cf5757; } */
/* .top_main_info>a:nth-child(2){ background-color:none; color:#fff; } */

/* .top_site a:hover { color: #9b0093; } */

/* .grid_quote::before {
  background: linear-gradient( to top left, #b9b9b9,#fff);
} */

.navbar .navbar_input{ border: solid 1px #ff6969; }
.navbar .navbar_button{ background-color: #ff6969; font-weight: bold; cursor: pointer; }

.sidebar_tags {  background: linear-gradient(to bottom,#c3f0d0,#fff ); }

.intro_blue{
  background:
	repeating-linear-gradient(
		-45deg,
		transparent,
		transparent 25%,
		tomato 0,
		tomato 50%
	),
	repeating-linear-gradient(
		45deg,
		transparent,
		transparent 25%,
		dodgerblue 0,
		dodgerblue 50%
	), wheat;

background-size: 10em 10em;
background-blend-mode: multiply;
}
.intro_cross{
background:
	repeating-linear-gradient(
		to top left,
		beige 0,
		beige 2em,
		moccasin 2em,
		moccasin 4em,
		wheat 4em,
		wheat 6em
	),
	repeating-linear-gradient(
		to left,
		white 0,
		white 2em,
		wheat 2em,
		wheat 4em,
		beige 4em,
		beige 6em
	), white;

background-blend-mode: multiply;
}

.intro_cube{
  background-color:#556;
  background-image: linear-gradient(30deg, #445 12%, transparent 12.5%, transparent 87%, #445 87.5%, #445),
  linear-gradient(150deg, #445 12%, transparent 12.5%, transparent 87%, #445 87.5%, #445),
  linear-gradient(30deg, #445 12%, transparent 12.5%, transparent 87%, #445 87.5%, #445),
  linear-gradient(150deg, #445 12%, transparent 12.5%, transparent 87%, #445 87.5%, #445),
  linear-gradient(60deg, #99a 25%, transparent 25.5%, transparent 75%, #99a 75%, #99a),
  linear-gradient(60deg, #99a 25%, transparent 25.5%, transparent 75%, #99a 75%, #99a);
 }
 
 .intro_zig{
  background-color:#556;
  background-image: linear-gradient(30deg, #445 12%, transparent 12.5%, transparent 87%, #445 87.5%, #445),
  linear-gradient(150deg, #445 12%, transparent 12.5%, transparent 87%, #445 87.5%, #445),
  linear-gradient(30deg, #445 12%, transparent 12.5%, transparent 87%, #445 87.5%, #445),
  linear-gradient(150deg, #445 12%, transparent 12.5%, transparent 87%, #445 87.5%, #445),
  linear-gradient(60deg, #99a 25%, transparent 25.5%, transparent 75%, #99a 75%, #99a),
  linear-gradient(60deg, #99a 25%, transparent 25.5%, transparent 75%, #99a 75%, #99a);
}

.intro_gradients{
  background:
	radial-gradient(
		yellow,
		yellow 50%,
		transparent 50%,
		transparent 100%
	),
	radial-gradient(
		cyan,
		cyan 50%,
		transparent 50%,
		transparent 100%
	),
	radial-gradient(
		magenta,
		magenta 40%,
		transparent 40%,
		transparent 100%
	), floralwhite;

background-size:
	8em 8em,
	6em 6em,
	2em 2em;

background-blend-mode: multiply;
background-position:
	0 0,
	-33% -33%,
	-200% -200%;
}

 .intro_madras{
  background-color: hsl(34, 53%, 82%);
  background-image: repeating-linear-gradient(45deg, transparent 5px, hsla(197, 62%, 11%, 0.5) 5px, hsla(197, 62%, 11%, 0.5) 10px,
    hsla(5, 53%, 63%, 0) 10px, hsla(5, 53%, 63%, 0) 35px, hsla(5, 53%, 63%, 0.5) 35px, hsla(5, 53%, 63%, 0.5) 40px,
    hsla(197, 62%, 11%, 0.5) 40px, hsla(197, 62%, 11%, 0.5) 50px, hsla(197, 62%, 11%, 0) 50px, hsla(197, 62%, 11%, 0) 60px,
    hsla(5, 53%, 63%, 0.5) 60px, hsla(5, 53%, 63%, 0.5) 70px, hsla(35, 91%, 65%, 0.5) 70px, hsla(35, 91%, 65%, 0.5) 80px,
    hsla(35, 91%, 65%, 0) 80px, hsla(35, 91%, 65%, 0) 90px, hsla(5, 53%, 63%, 0.5) 90px, hsla(5, 53%, 63%, 0.5) 110px,
    hsla(5, 53%, 63%, 0) 110px, hsla(5, 53%, 63%, 0) 120px, hsla(197, 62%, 11%, 0.5) 120px, hsla(197, 62%, 11%, 0.5) 140px
    ),
  repeating-linear-gradient(135deg, transparent 5px, hsla(197, 62%, 11%, 0.5) 5px, hsla(197, 62%, 11%, 0.5) 10px,
    hsla(5, 53%, 63%, 0) 10px, hsla(5, 53%, 63%, 0) 35px, hsla(5, 53%, 63%, 0.5) 35px, hsla(5, 53%, 63%, 0.5) 40px,
    hsla(197, 62%, 11%, 0.5) 40px, hsla(197, 62%, 11%, 0.5) 50px, hsla(197, 62%, 11%, 0) 50px, hsla(197, 62%, 11%, 0) 60px,
    hsla(5, 53%, 63%, 0.5) 60px, hsla(5, 53%, 63%, 0.5) 70px, hsla(35, 91%, 65%, 0.5) 70px, hsla(35, 91%, 65%, 0.5) 80px,
    hsla(35, 91%, 65%, 0) 80px, hsla(35, 91%, 65%, 0) 90px, hsla(5, 53%, 63%, 0.5) 90px, hsla(5, 53%, 63%, 0.5) 110px,
    hsla(5, 53%, 63%, 0) 110px, hsla(5, 53%, 63%, 0) 140px, hsla(197, 62%, 11%, 0.5) 140px, hsla(197, 62%, 11%, 0.5) 160px
  );
}

.intro_seigaiha{
  background-color:silver;
  background-image:
  radial-gradient(circle at 100% 150%, silver 24%, white 24%, white 28%, silver 28%, silver 36%, white 36%, white 40%, transparent 40%, transparent),
  radial-gradient(circle at 0    150%, silver 24%, white 24%, white 28%, silver 28%, silver 36%, white 36%, white 40%, transparent 40%, transparent),
  radial-gradient(circle at 50%  100%, white 10%, silver 10%, silver 23%, white 23%, white 30%, silver 30%, silver 43%, white 43%, white 50%, silver 50%, silver 63%, white 63%, white 71%, transparent 71%, transparent),
  radial-gradient(circle at 100% 50%, white 5%, silver 5%, silver 15%, white 15%, white 20%, silver 20%, silver 29%, white 29%, white 34%, silver 34%, silver 44%, white 44%, white 49%, transparent 49%, transparent),
  radial-gradient(circle at 0    50%, white 5%, silver 5%, silver 15%, white 15%, white 20%, silver 20%, silver 29%, white 29%, white 34%, silver 34%, silver 44%, white 44%, white 49%, transparent 49%, transparent);
  background-size: 100%;
 }

.quote { background: linear-gradient(to left top,#f4fdf5,rgba(255,255,255,.1)); }

/* #load { background-color: #c9c9c9; color:#fff; } */

footer { background:linear-gradient(to right bottom,#fff, #bceccb);  border-bottom:none; }

/* .tips{ border: 1px soild #303030; background-color: #ebb2b2; } */

/* .wave { background-color: #97dbab; } */