body {
	margin: 0;
	min-height: 100vh;
	background: #1c1c1c;
background: linear-gradient(180deg, rgba(28, 28, 28, 1) 0%, rgba(30, 35, 43, 1) 25%, rgba(31, 37, 46, 1) 52%, rgba(30, 35, 43, 1) 75%, rgba(28, 28, 28, 1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#2B2B2B", endColorstr="#2B2B2B", GradientType=0);
}
h1 {
	color: white;
	font-family: "Lexend", sans-serif;
  	font-optical-sizing: auto;
 	font-weight: 450;
 	font-style: bold;
}
h2{
	color: white;
	font-family: "Lexend", sans-serif;
  	font-optical-sizing: auto;
 	font-weight: 400;
 	font-style: bold;
}

p {
	color: white;
 	font-family: "Lexend", sans-serif;
  	font-optical-sizing: auto;
 	font-weight: 400;
 	font-style: normal;
	font-size: 20px;
}
ul {	
	list-style-type:none;
}
.page {
	display: flex;
	justify-content: center;
	align-items: center;
	min-height: 100vh;
	margin: 0;
}
.navigation {
	display: flex;
	margin: 0;
	padding: 0;
	list-style: none;
	gap: 4rem;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
}
.navigation li {
	flex-shrink: 1;
	flex-grow: 0;

	
}
.wrapper {
	display: flex;
	flex-direction: column;
	margin: 0;
	padding: 0;
	list-style: none;
	gap: .1rem;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	width: 100%;
	height: 100vh;
}
.bottom {
	display: flex;
	margin: 0;
	padding: 0;
	list-style: none;
	gap: 4rem;
	justify-content: center;
	align-items: center;
}
.bottom li {
	flex-shrink: 1;
	flex-grow: 0;
}
.contentbox {
	position: relative;
	box-sizing: border-box;
	margin: 0;
	width: 65%;
	height: 70%;
	max-width: 2000px;
	max-height: 1000px;
	aspect-ratio: 2 / 1;
}
.contentbox svg {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	overflow: visible;
	filter: drop-shadow(0px 10px 20px rgba(31, 31, 31, 0.04)) drop-shadow(0px 0px 14px rgba(255, 255, 255, .12));
}
.contentbox .glow {
	fill: none;
	stroke: rgba(78, 175, 199, .45);
	stroke-width: 26;
	filter: blur(14px);
}
.contentbox .border {
	fill: none;
	stroke: white;
	stroke-width: 7;
}
.contentbox main {
	position: relative;
	z-index: 1;
	box-sizing: border-box;
	width: 100%;
	height: 100%;
	padding: 40px 64px;
	justify-content: center;
	align-items: center;
	display: flex;
	flex-wrap: wrap;
}

}
}