@import "fonts/transport-new/stylesheet.css";
@import "fonts/pt-sans-v11-latin/pt-sans-v11-latin.css";

* {
	box-sizing: border-box;
}

body {
	background: #202428;
	color: #DDD;
	text-shadow: 0px 1px #0008, 0px 1px 2px #0004;
	margin: 0;
	padding: 0;
	min-height: 100vh;
	width: 100vw;
	
	display: grid;
	grid-template-areas: "header header header header header header header header" "feature1 feature1 feature2 feature2 feature3 feature3 feature4 feature4" "architecture architecture architecture architecture architecture video video video" "demos demos demos demos contact contact contact contact";
	grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
	--block-padding: 2vw;
	
	font-family: "Transport New", Arial, sans-serif;
	font-weight: 400;
	
	max-width: 1200px;
	margin: auto;
	box-shadow: 0px 0px 100px -30px #000;
}

@media (max-width: 1000px) {
	body {
		grid-template-areas: "header header header header" "feature1 feature1 feature2 feature2" "feature3 feature3 feature4 feature4" "architecture architecture architecture video" "demos demos contact contact";
		grid-template-rows: min-content 1fr 1fr max-content max-content;
		grid-template-columns: 1fr 5fr 1fr 5fr;
	}
}

@media (max-width: 600px) {
	body {
		grid-template-areas: "header" "feature1" "feature2" "feature3" "feature4" "architecture" "video" "demos" "contact";
		grid-template-columns: 1fr;
	}
}

header {
	display: flex;
	flex-direction: column;
	aign-items: center;
	justify-content: center;
	grid-area: header;
	text-align: center;
	background: linear-gradient(#04080C66, #000);
	font-family: "PT Sans", Arial Narrow, sans-serif;
	font-size: 1.2rem;
	font-size: calc(min(1.2rem, 4vw));
}

header p {
	margin-top: 0;
}

h1, h2, h3, h4, h5, h6 {
	font-family: "PT Sans", Arial Narrow, sans-serif;
	font-weight: 400;
	margin: 0.5rem;
	color: #FFF;
}
h1 {
	font-size: 2.5rem;
	font-size: calc(min(2.5rem, 6vw));
	letter-spacing: 0.3rex;
	word-spacing: 0.3rem;
	text-shadow: 0px 2px #000;
}
h3 {
	font-size: 1.4rem;
}

a[href] {
	position: relative;
	color: inherit;
	font: inherit;
	text-decoration: none;
	color: #FFF;
	font-weight: 600;
	border-bottom: 2px solid #FFF8;
}
a[href]:hover, a[href]:focus {
	border-bottom: 2px solid #FFF;
	background: #FFF3;
	box-shadow: 0px 0px 0px 0.3rem #0004;
	z-index: 1;
}

ul {
	padding: 0 0 0 1.5em;
}

ul.checklist {
	list-style: outside "\2705\2002";
}
li.ellipsis {
	list-style: outside "\22EE\2002\2004";
}

.block {
	display: block;
	padding: calc(var(--block-padding)/2) var(--block-padding);
	background: var(--background, none);
	background-size: cover;
}
.fade-background{
	background: linear-gradient(#000D 4rem, #000C 8rem, #0008 calc(10rem + 20%), #0000 calc(12rem + 50%)), var(--background, #F0F);
	background: linear-gradient(#000B 4rem, #000A 8rem, #0006 calc(10rem + 20%), #0000 calc(12rem + 50%)), var(--background, #F0F);
	background-size: cover, cover;
}

.block h1, .block h2, .block h3 {
	text-align: center;
}

img, video {
	max-width: 100%;
	max-height: 100%;
	border-radius: 0.5rem;
}

body {
	background-image: url(data:image/png;base64,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);
	background-size: 50px 40px;
	background-repeat: repeat;
}