@font-face{
	font-family:Economica;
	src:url('../../font/Economica.ttf');
}
		
@media aural and (min-width:1px){html{display:none;}}
@media braille and (min-width:1px){html{display:none;}}
@media embossed and (min-width:1px){html{ display: none;}}
@media print and (min-width:1px){html{display: none;}}
@media projection and (min-width:1px){html{display:none;}}
@media tty and (min-width:1px){html{display:none;}}
@media tv and (min-width:1px){html{display:none;}}

html{
	scrollbar-width: thin;
	scroll-behavior:smooth;
	scroll-padding: 50px;
}

*{
	/*box-shadow: inset 1px 1px 0 green, inset -1px -1px 0 green;*/
}

:root{
	--_wi: 200px;
	--_100: 100%;
	--minw: 200px;
	--_maxw: 2000px;
	--maxw: 1000px;
	--bc1: #9f1c1e;
	--bc2: #dc1f26;
	--bc3: #202526;
	--bc4: rgba(0,0,0,0.2);
	--lgw: linear-gradient(90deg,rgba(255,255,255,0.8),rgba(255,255,255,0.2),rgba(255,255,255,0),rgba(255,255,255,0));
	--_c1: #000;
	--_c2: #fff;
	--v1: 5px;
	--v2: calc(var(--v1) * 2);
	--v3: calc(var(--v2) * 2);
	--deg: 45deg;
}

noscript,
nav > a,
.website-banner-area span{
	padding: var(--v1);
}

article *{
	word-break: break-all;
}

noscript{
	display: block;
}

div.website-top-line,
div.website-top-line-inside,
nav,
header,
section,
.website-banner-area:nth-child(2),
.website-banner-area-square-last,
.website-banner-area-square-last-inside,
.website-banner-area-squares,
.website-banner-area-square,
.website-shadows-layer,
.website-shadows-layer-last,
.website-shadows-layer-last-inside,
.website-row,
.website-datablockquote-dataarea,
.website-square-with-line-sq,
.website-shadows-layer-last-inside-square-area,
.website-shadows-layer-last-inside-square,
.website-shadows-layer-last-inside-txt,
section.website-sqs-anim,
.website-sq,
.website-band-middle,
.website-banner-circles-txt,
.website-banner-txt,
.website-square-with-line-sq-inside{
	display: flex;
}

div.website-top-line,
div.website-top-line-inside,
header,
section,
.website-datablockquote-dataarea,
.website-band-middle{
	justify-content: space-between;
}

.website-banner-area:nth-child(2),
.website-banner-area-square-last,
.website-banner-area-square-last-inside,
.website-banner-area-squares,
.website-banner-area-square,
.website-shadows-layer,
.website-shadows-layer-last,
.website-square-with-line-sq,
.website-shadows-layer-last-inside-square-area,
.website-shadows-layer-last-inside-square,
.website-shadows-layer-last-inside-txt,
section.website-sqs-anim,
.website-sq,
.website-banner-txt,
.website-square-with-line-sq-inside{
	justify-content: center;
}

.website-banner-area:nth-child(2),
.website-banner-area-square-last,
.website-banner-area-square-last-inside,
.website-banner-area-squares,
.website-banner-area-square,
.website-shadows-layer,
.website-shadows-layer-last,
.website-square-with-line-sq,
.website-shadows-layer-last-inside-square-area,
.website-shadows-layer-last-inside-square,
.website-shadows-layer-last-inside-txt,
section.website-sqs-anim,
.website-sq,
.website-banner-txt,
.website-square-with-line-sq-inside{
	align-items: center;
}

div.website-top-line,
.website-row{
	flex-wrap: wrap;
}

main,
section.website-banner,
.website-band-middle-sq-txt,
.website-datablockquote-dataarea-body{
	background: var(--_c2);
}

nav > a:before,
.website-banner-area-square-last,
.website-shadows-layer-last,
div.website-top-line,
.website-square-with-line-left,
.website-square-with-line-bottom,
.website-square-with-line-sq,
.website-datablockquote-dataarea-head{
	background: var(--bc1);
}

.website-banner-area-square-last-inside,
footer:after,
.website-square-with-line-sq-inside{
	background: var(--bc2);
}

div.website-top-line-inside1,
header,
.website-shadows-layer-last-inside,
footer{
	background: var(--bc3);
}

.website-area{
	background: var(--bc4);
}

div.website-top-line-inside,
nav{
	width: var(--_wi);
}

header,
section,
.website-shadows,
.website-band,
.website-datablockquote-dataarea,
.website-banner-circles-txt,
.website-banner-circles-layer,
.website-datablockquote-dataarea-body,
table,
footer{
	width: var(--_100);
}

.website-banner-circles-layer{
	height: var(--_100);
}

.website-banner-area-squares{
	transform: rotate(var(--deg));
}

.website-top-line:before,
a:before,
.website-banner-area:nth-child(2):before,
.website-banner-area:nth-child(2):after,
.website-shadows-layer-last-inside-square-area:before,
.website-shadows-layer-last-inside-square-area:after,
.website-shadows-layer-last-inside-square:before,
.website-shadows-layer-last-inside-square:after,
footer:after{
	content: "";
}

a{
	text-decoration: none;
}

noscript,
.website-shadows-layer-last-inside-square,
.author{
	text-align: center;
}

.website-top-line,
a,
.website-banner-area:nth-child(2),
footer,
.website-square-with-lines,
.website-shadows-layer-last-inside-square-area,
.website-shadows-layer-last-inside-square,
.website-banner-circles{
	position: relative;
}

.website-top-line:before,
a:before,
.website-banner-area:nth-child(2):before,
.website-banner-area:nth-child(2):after,
footer:after,
.website-square-with-line-left,
.website-square-with-line-bottom,
.website-square-with-line-sq,
.website-shadows-layer-last-inside-square-area:before,
.website-shadows-layer-last-inside-square-area:after,
.website-shadows-layer-last-inside-square:before,
.website-shadows-layer-last-inside-square:after,
.website-banner-circles-layer{
	position: absolute;
}

header{
	position: sticky;
}

a:before,
footer:after{
	bottom: 0;
}

.website-top-line:before,
header,
.website-square-with-line-left,
.website-square-with-line-sq{
	top: 0;
}

.website-top-line:before,
.website-square-with-line-sq{
	right: 0;
}

.website-square-with-line-bottom{
	left: 0;
}

header{
	z-index: 99;
}

.website{
	margin: auto;
}

div.website-top-line,
.website-banner-area,
.website-banner-area:nth-child(2) > span,
.website-shadows-layer-last-inside-txt span,
section.website-sqs-anim,
.website-banner-circles,
.website-banner-txt > span{
	overflow: hidden;
}

.website-datablockquote-dataarea-body,
.website pre{
	overflow: auto;
}

ul,
table{
	overflow-wrap: anywhere;
}

.website-banner-area:nth-child(2) > span,
.website-shadows-layer-last-inside-txt span,
.website-banner-txt > span{
	text-overflow: ellipsis;
}

.website-banner-area:nth-child(2) > span,
.website-shadows-layer-last-inside-txt span,
.website-banner-txt > span{
	white-space: nowrap;
}

noscript,
.website-banner-area-square-inside,
.website-datablockquote-dataarea-head,
.website-band{
	font-weight: bold;
}

noscript{
	color: var(--_c1);
}

.website-shadows-layer-last-inside-txt,
.website-datablockquote-dataarea-head,
footer ul a,
.author{
	color: var(--_c2);
}

.website-band-middle-sq-title{
	color: var(--bc1);
}

.website-banner-area-square-last-inside,
.website-square-with-line-sq-inside{
	box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
}


body{
	margin: 0;
	font-family: Verdana, Geneva, sans-serif;
	font-family: 'Economica', sans-serif;
	font-size: 16px;
}
	noscript{
		width: calc(var(--_wi) - (var(--v1) * 2));
		background: yellow;
		margin: var(--v1) auto;
		margin-bottom: var(--v1);
	}
	.website{
		width: var(--_100);
		min-width: var(--minw);
		max-width: var(--_maxw);
	}
		div.website-top-line{
			height: 20px;
		}
		.website-top-line:before{
			width: calc(var(--v1) * 3);
			height: var(--_100);
			background: var(--bc3);
			transform: skew(-45deg);
		}
			div.website-top-line-inside{}
				div.website-top-line-inside1{
					width: calc(100% / 7 - 15px);
					transform: skew(-45deg);
				}
		header{}
			nav{}
			nav > a{
				color: var(--_c2);
				margin: var(--v1) 0;
			}
			nav > a:before{
				width: 0;
				height: 2px;
			}
			nav > a:hover:before{
				width: calc(var(--_100) - (var(--v1) * 2));
				transition: 500ms;
			}
		section{
			margin-bottom: var(--v2);
		}
		section.website-banner{
			border-top: 2px solid var(--bc1);
			border-bottom: 2px solid var(--bc1);
		}
			.website-banner-area:nth-child(1){
				width: var(--_wi);
			}
			.website-banner-area:nth-child(2){
				width: calc(var(--_100) - var(--_wi));
			}
			.website-banner-area:nth-child(2):before,
			.website-banner-area:nth-child(2):after{
				border: 10px solid transparent;
				border-right-color: var(--bc1);
				right: var(--v1);
			}
			.website-banner-area:nth-child(2):before{
				border-top-color: var(--bc1);
				top: var(--v1);
			}
			.website-banner-area:nth-child(2):after{
				border-bottom-color: var(--bc1);
				bottom: var(--v1);
			}
				.website-banner-area-squares{
					width: 225px;
					height: 225px;
					margin: -70px;
				}
					.website-banner-area-square-last,
					.website-banner-area-square-last-inside,
					.website-banner-area-square{
						width: calc(100% - (var(--v1) * 1));
						height: calc(100% - (var(--v1) * 1));
					}
					.website-banner-area-square{
						background: rgba(0, 0, 0, 0.1);
						animation: website-banner-area-square 2s infinite alternate;
					}
					.website-banner-area-square:hover{
						background: var(--_c1);
					}
					@keyframes website-banner-area-square{
						to{
							background: rgba(0,0,0,0.15);
						}
					}
						.website-banner-area-square-last{}
							.website-banner-area-square-last-inside{}
							.website-banner-area-square-last-inside > span{
								font-size: 20px;
								transform: rotate(-45deg);
							}
							.website-banner-area-square-last-inside > span a{
								color: var(--_c1);
							}
			.website-shadows{
				height: var(--_wi);
			}
				.website-shadows-layer{
					width: calc(100% - 2px);
					height: calc(100% - 2px);
					padding: 1px;
					background: rgba(0,0,0,0.01);
					animation: website-shadows-layer 1s infinite alternate;
				}
				@keyframes website-shadows-layer{
					to{
						background: rgba(0,0,0,0.05);
					}
				}
					.website-shadows-layer-last,
					.website-shadows-layer-last-inside{
						width: calc(var(--_100) - (var(--v1) * 4));
						height: calc(var(--_100) - (var(--v1) * 4));
						padding: calc(var(--v1) * 2);
					}
					.website-shadows-layer-last{}
						.website-shadows-layer-last-inside{
							box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
						}
							.website-shadows-layer-last-inside-square-area{
								width: var(--minw);
							}
							.website-shadows-layer-last-inside-square-area:before{
								border-top: 130px solid var(--bc1);
								border-right: 0 solid transparent;
								border-left: 10px solid transparent;
								border-bottom: 10px solid transparent;
								top: 0;
								left: 0;
							}
							.website-shadows-layer-last-inside-square-area:after{
								border-top: 10px solid transparent;
								border-right: 10px solid transparent;
								border-left: 0 solid transparent;
								border-bottom: 130px solid var(--bc1);
								bottom: 0;
								right: 0;
							}
								.website-shadows-layer-last-inside-square{
									width: calc(var(--_100) - (var(--v2) * 3));
									height: calc(var(--_100) - (var(--v2) * 3));
									background: var(--bc1);
								}
								.website-shadows-layer-last-inside-square:before{
									border-right: 170px solid var(--bc1);
									border-left: 0 solid transparent;
									border-bottom: 0px solid transparent;
									border-top: 5px solid transparent;
									top: -10px;
									right: 0;
								}
								.website-shadows-layer-last-inside-square:after{
									border-right: 0 solid transparent;
									border-left: 170px solid var(--bc1);
									border-bottom: 5px solid transparent;
									border-top: 0 solid transparent;
									left: 0;
									bottom: -10px;
								}
							.website-shadows-layer-last-inside-txt{
								width: calc(var(--_100) - var(--minw));
								font-size: 40px;
							}
			.website-row,
			article{
				width: var(--_100);
				padding: var(--v2);
				box-sizing: border-box;
			}
				article th{
					background: rgba(0, 0, 0, 0.3);
					font-size: 1.5em;
				}
				article th,
				article td{
					padding: var(--v2);
					box-sizing: border-box;
				}
				article td{
					background: rgba(0, 0, 0, 0.2);
				}
				.website pre,
				article details{
					background: rgba(0, 0, 0, 0.1);
					padding-left: var(--v2);
					border-left: 3px solid var(--bc2);
					box-sizing: border-box;
					margin: var(--v2) 0;
					tab-size: 2;
				}
					article summary{
						padding: var(--v2);
						box-sizing: border-box;
					}
				.website-datablockquote-dataarea-body summary{
					margin-top: var(--v2);
					border-top: 2px solid rgba(0,0,0,0.1);
					padding-top: var(--v1);
					font-size: 20px;
				}
				.website-datablockquote-dataarea-body summary + pre{
					margin-top: var(--v1);
				}
				.website-band{}
					.website-band-top{
						width: calc(var(--_100) - var(--v1) - var(--v2));
						border-left: var(--v1) solid #707070;
						padding-left: var(--v2);
						font-size: 25px;
					}
					.website-band-middle{
						margin-top: var(--v3);
					}
						.website-band-middle-sq{
							width: calc(var(--_100) / 4 - var(--v2) / 2 - var(--v1) / 2);
						}
							.website-band-middle-sq-title{
								background: var(--lgw);
								padding: var(--v1) var(--v2);
							}
							.website-band-middle-sq-txt{
								font-size: 20px;
								padding: var(--v2);
							}
				.website-datablockquote-dataarea{}
					.website-datablockquote{
						width: calc((var(--_wi)*2) - var(--v2));
					}
					.website-dataarea{
						width: calc(var(--_100) - (var(--_wi)*2));
					}
						.website-datablockquote-dataarea-head,
						.website-datablockquote-dataarea-body{
							padding: var(--v1);
							box-sizing: border-box;
						}
						.website-datablockquote-dataarea-head{
							width: calc((var(--_wi)));
						}
						.website-datablockquote-dataarea-body > table tr:hover{
							background: rgba(0, 0, 0, 0.2);
							transition: 0.3s;
						}
						.website-datablockquote-dataarea-body > table th,
						.website-datablockquote-dataarea-body > table td{
							padding: var(--v1) var(--v2);
							background: rgba(0, 0, 0, 0.1);
						}
						.website-datablockquote-dataarea-body > table caption{
							width: calc(var(--_100) - 4px);
							margin: auto;
							padding: var(--v2);
							box-sizing: border-box;
						}
						.website-datablockquote-dataarea-body > table caption,
						.website-datablockquote-dataarea-body > table th{
							background: rgba(0, 0, 0, 0.4);
							font-size: 20px;
						}
				.website-square-with-lines-area{
					width: var(--minw);
				}
					.website-square-with-lines{
						width: calc(var(--_100) - (var(--v2) * 2));
						height: 100px;
						padding: var(--v2);
					}
						.website-square-with-line-left{
							width: var(--v2);
							height: var(--_100);
							left: var(--v2);
						}
						.website-square-with-line-bottom{
							width: var(--_100);
							height: var(--v2);
							bottom: var(--v2);
						}
						.website-square-with-line-sq{
							width: calc(var(--_100) - (var(--v2) * 3));
							height: calc(var(--_100) - (var(--v2) * 3));
						}
							.website-square-with-line-sq-inside{
								width: calc(var(--_100) - (var(--v2) * 2));
								height: calc(var(--_100) - (var(--v2) * 2));
							}
							.website-square-with-line-sq-inside a{
								color: var(--_c1);
							}
		section.website-sqs-anim{
			height: 500px;
		}
			.website-sq{
				width: calc(100% - 4px - 2px);
				min-width: 1px;
				max-width: 500px;
				height: calc(100% - 4px - 2px);
				min-height: 1px;
				max-height: 250px;
				box-shadow: inset 4px 4px 0 rgba(255,255,255,1), inset -4px -4px 0 rgba(255,255,255,1);
				background: rgba(0,0,0,0.05);
				color: var(--_c2);
				transform: rotate(calc(-3.1deg * 1));
			}
			section.website-sqs-anim:hover .website-sq{
				animation: website-sq 120s infinite alternate;
			}
			section.website-sqs-anim > .website-sq,
			section.website-sqs-anim:hover > .website-sq{
				animation: none;
				transform: rotate(0deg);
			}
			@keyframes website-sq{
				to{
					transform: rotate(calc(3.053deg * 60));
				}
			}
			/* start banner circles and txt */
				.website-banner-circles-txt{
					height: 150px;
				}
					.website-banner-circles{
						width: 150px;
					}
						.website-banner-circles-layer{
							transform: rotate(0);
							animation-timing-function: ease-in-out;
							animation-iteration-count: infinite;
							animation-direction: alternate;
						}
						.website-banner-circles-layer:nth-child(1){
							transform: rotate(0.1turn);
						}
						.website-banner-circles-layer:nth-child(2){
							transform: rotate(0.2turn);
							animation-name: website-banner-circles-layer2;
							animation-duration: 3s;
						}
						@keyframes website-banner-circles-layer2{
							to{
								transform: rotate(0.25turn);
							}
						}
						.website-banner-circles-layer:nth-child(3){
							transform: rotate(0.3turn);
							animation-name: website-banner-circles-layer3;
							animation-duration: 4.5s;
						}
						@keyframes website-banner-circles-layer3{
							to{
								transform: rotate(0.375turn);
							}
						}
						.website-banner-circles-layer:nth-child(4){
							transform: rotate(0.4turn);
							animation-name: website-banner-circles-layer4;
							animation-duration: 6s;
						}
						@keyframes website-banner-circles-layer4{
							to{
								transform: rotate(0.5turn);
							}
						}
						.website-banner-circles-layer:nth-child(5){
							transform: rotate(0.5turn);
							animation-name: website-banner-circles-layer5;
							animation-duration: 7.5s;
						}
						@keyframes website-banner-circles-layer5{
							to{
								transform: rotate(0.625turn);
							}
						}
						.website-banner-circles-layer:nth-child(6){
							transform: rotate(0.6turn);
							animation-name: website-banner-circles-layer6;
							animation-duration: 9s;
						}
						@keyframes website-banner-circles-layer6{
							to{
								transform: rotate(0.75turn);
							}
						}
						.website-banner-circles-layer:nth-child(7){
							transform: rotate(0.7turn);
							animation-name: website-banner-circles-layer7;
							animation-duration: 10.5s;
						}
						@keyframes website-banner-circles-layer7{
							to{
								transform: rotate(0.875turn);
							}
						}
						.website-banner-circles-layer:nth-child(8){
							transform: rotate(0.8turn);
							animation-name: website-banner-circles-layer8;
							animation-duration: 12s;
						}
						@keyframes website-banner-circles-layer8{
							to{
								transform: rotate(1turn);
							}
						}
							.website-banner-circles-layer-circle{
								width: calc(50% - var(--v2));
								height: calc(50% - var(--v2));
								background: rgba(0, 0, 0, 0.05);
								border: var(--v1) solid white;
								border-radius: 50%;
								margin: auto;
								top: 0;
								left: 0;
								bottom: 0;
								right: 0;
							}
							.website-banner-circles-layer-circle1{}
							.website-banner-circles-layer-circle2{
								transform: translate(50%, -50%);
							}
							.website-banner-circles-layer-circle3{
								transform: translate(-50%, -150%);
							}
							.website-banner-circles-layer-circle4{
								transform: translate(0, -200%);
							}
							.website-banner-circles-layer-circle5{
								transform: translate(40%, -390%);
							}
							.website-banner-circles-layer-circle6{
								transform: translate(40%, -410%);
							}
							.website-banner-circles-layer-circle7{
								transform: translate(-40%, -510%);
							}
							.website-banner-circles-layer-circle8{
								transform: translate(-40%, -690%);
							}
					.website-banner-txt{
						width: calc(var(--_100) - 150px - 20px);
						padding: var(--v2);
						font-size: 20px;
					}
			/* end banner circles and txt */
		footer{}
		footer:after{
			width: calc(var(--v2) * 7);
			height: var(--v2);
			right: var(--v2);
		}
		footer ul{
			list-style-type: none;
			margin-bottom: 0;
		}
		footer ul li:not(footer ul li:first-of-type){
			padding-top: var(--v2);
		}
		.author{
			padding: var(--v3);
		}
@media screen and (min-width: 240px) and (max-width: 1050px){
	.website-band-middle,
	.website-datablockquote-dataarea{
		display: block;
	}
		.website-band-middle-sq,
		.website-datablockquote,
		.website-dataarea{
			width: var(--_100);
		}
		.website-band-middle-sq,
		.website-datablockquote{
			margin-bottom: var(--v2);
		}
		.website-band-middle-sq:last-of-type{
			margin-bottom: 0;
		}
}
@media screen and (max-width: 239px){
	*{
		display: none;
	}
}