body {
	--x-test:#faa;
	--a-color:green;

	color:var(--x-test);
	border:var(--x-test) 40px solid;
	font-size:16px;
	padding:200px;
}
html body:hover {
	--x-test:#faf;
	--a-color:red;
}
input {
	background:var(--a-color);
}
input:focus {
	--a-color:#000;
}
input:active {
	--a-color:#999;
}
#head {
	background-color:var(--x-test, blue);
}

/*
@font-face {
	font-family: 'xxx';
	src: url('font/xxx.woff2') format('woff2'), url('font/xxx.woff') format('woff');
	font-weight: 400;
	font-style: normal;
	font-display: fallback;
}
@media (max-width: 1200px) {}


html {
    scrollbar-color: rgba(0,0,0,.2) rgba(0,0,0,0.009);
    scrollbar-width: none?;
    scrollbar-width: thin;
}
html::-webkit-scrollbar {
    width:7px;
}
html::-webkit-scrollbar-track {
	background:rgba(0,0,0,0.009);
}
html::-webkit-scrollbar-thumb {
	background:rgba(0,0,0,.2);
}


::-webkit-input-placeholder { color:#c6251e; }
:-ms-input-placeholder { color:#c6251e; }
::placeholder { color:#c6251e; }



*/