body {
	font-family: "Google Sans";
	margin: 0;
	padding: 0;
}
#headerback {
	height: 30%;
	max-height: calc(100vw * 763 / 1745);
	width: 100%;
	background-image: linear-gradient(to right, #15dea8, #15a6de, #112eaf);
}
#header {
	height: 100%;
	width: 100%;
	background-color: #0000004d;
}
#menu0 {
	height: 10%;
	width: 100%;
	background-color: #000000;
	align-content: center;
	align-items: center;
	text-align: center;
	display: flex;
	position: sticky;
	top: 0;
	z-index: 10000;
}
#menu0 a {
	text-decoration: none;
}
.material-symbols-rounded {
	font-variation-settings:
  		'FILL' 1,
  		'GRAD' 0,
  		'opsz' 24;
  	font-display: swap;
}
.mopt {
	height: 40%;
	padding: 0.5% 1%;
	margin: 0.5% 1%;
	font-size: 24px;
	color: #ffffff;
	background-color: #000000;
	text-align: center;
	align-content: center;
	width: auto;
	display: grid;
	border-radius: 24px;
	font-variation-settings: 'wght' 300;
	transition: 0.5s ease-in-out;
}
.Emoji {
	font-family: "Noto Color Emoji";
}
#langdrop {
	height: 100%;
	width: 100%;
	padding: 0;
	margin: 0;
	font-size: 24px;
	text-align: center;
	align-content: center;
	width: auto;
	display: grid;
}
#langselect, #langselect select, #langselect option {
	font-size: 24px;
	text-align: center;
	width: auto;
	color: #000000;
	font-family: "Google Sans";
	transition: 0.5s ease-in-out;
}
.mopt a, .moptl a {
	color: #ffffff;
}
.mopt .material-symbols-rounded {
	transition: 0.5s ease-in-out;
	font-variation-settings:
  		'FILL' 1,
  		'GRAD' 0,
  		'opsz' 24,
  		'wght' 300;
}
.moptl {
	transition: 0.5s ease-in-out;
	height: 40%;
	padding: 0.5% 1%;
	margin: 0.5% 1%;
	font-size: 24px;
	color: #ffffff;
	font-weight: 300;
	text-align: center;
	align-content: center;
	background-color: #000000;
	width: auto;
	display: grid;
	border-radius: 12px;
}
#logohead {
	height: 80%;
	padding: 2%;
}
.toptext {
	height: 70%;
	width: 100%;
	background-image: linear-gradient(to right, #15dea8, #15a6de, #112eaf);
	background-color: #000000c0;
	margin: 0;
	align-content: center;
	align-items: center;
	display: grid;
}
.topname {
	width: 100%;
	font-size: 64px;
	background-image: linear-gradient(to right, #15dea8, #15a6de, #112eaf);
	background-clip: text;
	color: #000000c0;
	margin: 0;
	text-align: center;
}
.logobox {
	display: grid;
	text-align: center;
	align-items: center;
	align-content: center;
	justify-items: center;
	justify-content: center;
}
.sky {
	width: 100%;
	background-color: #ccf1ff;
}
.skyhead {
	font-size: 56px;
	color: #001b26;
	margin: 0;
	padding: 28px 28px 0 28px;
	text-align: left;
}
.skybody {
	margin: 0;
	padding: 0 56px 28px 56px;
	font-style: oblique 15deg;
	font-size: 24px;
	color: #005c80;
}
.skybody a {
	color: #005c80;
}
.blue {
	width: 100%;
	background-color: #ccdeff;
}
.bluehead {
	font-size: 56px;
	color: #000d26;
	margin: 0;
	padding: 28px 28px 0 28px;
	text-align: left;
}
.bluebody {
	margin: 0;
	padding: 0 56px 28px 56px;
	font-style: oblique 15deg;
	font-size: 24px;
	color: #002d80;
}
.bluebody a {
	color: #002d80;
}
.bluename {
	margin: 0;
	padding: 0 14px 14px 14px;
	font-size: 40px;
	font-weight: 800;
	color: #002d80;
}
.blueinfo {
	margin: 0;
	padding: 0 42px 0 42px;
	font-style: oblique 15deg;
	font-size: 28px;
	color: #002d80;
}
.blueinfo a {
	font-style: oblique 15deg;
	font-size: 28px;
	color: #002d80;
}
.fphotoBcont {
	width: 30vh;
	min-width: 30vh;
	padding: 0px;
}
.fphotoB {
	width: 80%;
	height: auto;
	aspect-ratio: 1 / 1;
	padding: 0px;
	margin: 0;
	border-radius: 35%;
	border: 14px solid #002d80;
	box-shadow: 14px 14px #002d8022;
	transition: 0.2s ease-in-out;
}
.green {
	width: 100%;
	background-color: #ccfff4;
}
.greenhead {
	font-size: 56px;
	color: #00261e;
	margin: 0;
	padding: 28px 28px 0 28px;
	text-align: left;
}
.greenbody {
	margin: 0;
	padding: 0 56px 28px 56px;
	font-style: oblique 15deg;
	font-size: 24px;
	color: #008064;
}
.greenbody a {
	color: #008064;
}
.greenname {
	margin: 0;
	padding: 0 14px 14px 14px;
	font-size: 40px;
	font-weight: 800;
	color: #008064;
}
.greenquote {
	margin: 0;
	padding: 0 42px 0 42px;
	font-style: oblique 15deg;
	font-size: 24px;
	color: #008064;
}
.fphotoGcont {
	width: 30vh;
	min-width: 30vh;
	padding: 0px;
}
.fphotoG {
	width: 80%;
	height: auto;
	aspect-ratio: 1 / 1;
	padding: 0px;
	margin: 0;
	border-radius: 35%;
	border: 14px solid #008064;
	box-shadow: 14px 14px #00806422;
	transition: 0.2s ease-in-out;
}
.intcredit {
	width: 100%;
	background-color: #ccf1ff;
	text-align: center;
}
#credit {
	margin: 0;
	padding: 28px 56px 28px 56px;
	font-style: oblique 15deg;
	font-size: 24px;
	color: #0082b5;
}
.infoCont {
	margin: 0 0 28px 0;
}
.infoh {
	font-style: oblique 0deg;
	font-size: 32px;
	font-weight: 800;
	color: #002e40;
}
.infob {
	margin: 0;
	padding: 0 56px 28px 56px;
	font-style: oblique 15deg;
	font-size: 28px;
	color: #005c80;
}
.baseImgCont {
	width: 30vw;
	min-width: 30vw;
	align-items: center;
	align-content: center;
	text-align: center;
	margin: 0 0 28px 56px;
	border-radius: 56px;
	border: 14px solid #002e40;
	background-color: #e0f7ff;
	transition: 0.2s ease-in-out;
	box-shadow: 14px 14px #002e4022;
}
.baseImg {
	width: 24vw;
	padding: 0;
}
.diagh {
	font-style: oblique 0deg;
	font-size: 21px;
	font-weight: 600;
	color: #00205c;
}
.diagb {
	margin: 0;
	font-weight: 400;
	font-style: oblique 15deg;
	font-size: 18px;
	color: #002d80;
}
.specs {
	padding: 0 5%;
	display: flex;
	width: 90%;
	min-height: 30%;
	align-items: stretch;
}
.specbox {
	padding: 1.5%;
	margin: 1% 1.5%;
	width: calc(100%/3 - 6%);
	border-radius: 28px;
	border-style: solid;
	border-width: 7px;
	border-color: #000d26;
	background-color: #e0e6ff;
	align-items: center;
	text-align: left;
	transition: 0.2s ease-in-out;
	box-shadow: 14px 14px #000d2622;
}
.specbox h2 {
	color: #000d26;
	margin: 0;
	weight: 600;
	font-size: 32px;
}
.specbox .material-symbols-rounded {
	font-size: 32px;
	transform: translateY(12.5%);
	font-variation-settings:
  		'FILL' 1,
  		'GRAD' 0,
  		'opsz' 24,
		'wght' 600;
}
.download {
	font-size: 48px;
	font-weight: 800;
	font-style: oblique 0deg;
	padding: 5%;
	max-height: 50%;
	background-color: #003fb5;
	margin: 2.5% auto 0 auto;
	color: #ccdeff;
	align-items: center;
	text-align: center;
	align-contents: center;
	display: grid;
	border-radius: 14px;
	transition: 0.2s ease-in-out;
	cursor: pointer;
}
.download .material-symbols-rounded {
	font-size: 48px;
	font-variation-settings:
  		'FILL' 1,
  		'GRAD' 0,
  		'opsz' 24,
		'wght' 800;
}
.spacer {
	height: 6%;
}