:root{
	/*  ==  Elevation shadow  ==  */
	--dp00sh: 0 0 0 0;
	--dp01sh: 0px 1px 3px 0px rgba(0, 0, 0, 0.2),
	0px 1px 1px 0px rgba(0, 0, 0, 0.14),
	0px 2px 1px -1px rgba(0, 0, 0, 0.12);
	--dp02sh: 0px 1px 5px 0px rgba(0, 0, 0, 0.2),
	0px 2px 2px 0px rgba(0, 0, 0, 0.14),
	0px 3px 1px -2px rgba(0, 0, 0, 0.12);
	--dp03sh: 0px 1px 8px 0px rgba(0, 0, 0, 0.2),
	0px 3px 4px 0px rgba(0, 0, 0, 0.14),
	0px 3px 3px -2px rgba(0, 0, 0, 0.12);
	--dp04sh: 0px 2px 4px -1px rgba(0, 0, 0, 0.2),
	0px 4px 5px 0px rgba(0, 0, 0, 0.14),
	0px 1px 10px 0px rgba(0, 0, 0, 0.12);
	--dp06sh: 0px 3px 5px -1px rgba(0, 0, 0, 0.2),
	0px 6px 10px 0px rgba(0, 0, 0, 0.14),
	0px 1px 18px 0px rgba(0, 0, 0, 0.12);
	--dp08sh: 0px 5px 5px -3px rgba(0, 0, 0, 0.2),
	0px 8px 10px 1px rgba(0, 0, 0, 0.14),
	0px 3px 14px 2px rgba(0, 0, 0, 0.12);
	--dp12sh: 0px 7px 8px -4px rgba(0, 0, 0, 0.2),
	0px 12px 17px 2px rgba(0, 0, 0, 0.14),
	0px 5px 22px 4px rgba(0, 0, 0, 0.12);
	--dp16sh: 0px 8px 10px -5px rgba(0, 0, 0, 0.2),
	0px 16px 24px 2px rgba(0, 0, 0, 0.14),
	0px 6px 30px 5px rgba(0, 0, 0, 0.12);
	--dp24sh: 0px 11px 15px -7px rgba(0, 0, 0, 0.2),
	0px 24px 38px 3px rgba(0, 0, 0, 0.14),
	0px 9px 46px 8px rgba(0, 0, 0, 0.12);
}
html {
	box-sizing: border-box;
	font-size: 10px;
}
*, *:before, *:after {
	box-sizing: inherit;
}
body{
	margin: 0;
	padding: 0;
	font-size: 1.4em;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: var(--dp00bg);
	color: var(--text1);
	font-family: Roboto, sans-serif;
	font-weight: 300;
}
body, h1, h2, h3, h4, h5, h6, p, ol, ul {
	font-weight: inherit;
}
.layer00{z-index: 0;}
.layer01{z-index: 10;}
.layer02{z-index: 20;}
.layer03{z-index: 30;}
.layer04{z-index: 40;}
.layer06{z-index: 60;}
.layer08{z-index: 80;}
.layer12{z-index: 120;}
.layer16{z-index: 160;}
.layer24{z-index: 240;}

@font-face {
	font-family: 'Roboto';
	font-style: normal;
	font-weight: 100;
	font-display: swap;
	src: url(https://fonts.gstatic.com/s/roboto/v30/KFOkCnqEu92Fr1MmgVxIIzI.woff2) format('woff2');
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
	font-family: 'Roboto';
	font-style: normal;
	font-weight: 300;
	font-display: swap;
	src: url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmSU5fBBc4.woff2) format('woff2');
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
	font-family: 'Roboto';
	font-style: normal;
	font-weight: 400;
	font-display: swap;
	src: url(https://fonts.gstatic.com/s/roboto/v30/KFOmCnqEu92Fr1Mu4mxK.woff2) format('woff2');
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
	font-family: 'Roboto';
	font-style: normal;
	font-weight: 500;
	font-display: swap;
	src: url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmEU9fBBc4.woff2) format('woff2');
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
.vp404{
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
}
.vp404-center{
	text-align: center;
}
.title404{
	font-size: 100px;
	font-weight: 500;
}