@font-face  {
	font-display: block  ;
	font-family: main  ;
	src: url("/res/font/CutiveMono-Regular.ttf") }
@font-face  {
	font-display: block  ;
	font-family: bebas  ;
	src: url("/res/font/BebasNeue-Regular.ttf") }
@font-face  {
	font-family: article  ;
	//src: url("/res/font/AnnieUseYourTelescope-Regular.ttf")  ;
	//src: url("/res/font/Arcon-Regular.otf")  ;
	//src: url("/res/font/PatrickHand-Regular.ttf")  ;
	//src: url("/res/font/KleeOne-Regular.ttf")  ;
	src: url("/res/font/Aspergit.otf")  ;
	font-display: block }
:root  {
	--bg: #ddd  ;
	--fs: max(5vw,40px) }
input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus,textarea:-webkit-autofill, textarea:-webkit-autofill:hover, textarea:-webkit-autofill:focus,select:-webkit-autofill, select:-webkit-autofill:hover, select:-webkit-autofill:focus  {
	border: none  ;
	border-bottom: 1px solid #bbb  ;
	-webkit-text-fill-color: #444  ;
	-webkit-box-shadow: 0 0 0px 1000px var(--bg) inset  ;
	transition: background-color 5000s ease-in-out 0s }
*  {
	margin: 0  ;
	padding: 0  ;
	border: 0  ;
	border-bottom: 1px solid rgba(0,0,0,0)  ;
	background-color: rgba(0,0,0,0)  ;
	outline: 0  ;
	box-sizing: border-box  ;
	//vertical-align: top  ;
	font-family: bebas  ;
	font-size: 40px  ;
	font-weight: bold  ;
	color: #222  ;
	text-decoration: none  ;
	line-height: inherit  ;
	display: block  ;
	text-align: justify  ;
	word-break: break-all }
::-webkit-scrollbar  {
	width: 50px  ;
	height: 50px }
::-webkit-scrollbar-track  {
	background: #ddd }
::-webkit-scrollbar-thumb  {
	background: #111 }
::-webkit-scrollbar-thumb:hover  {
	background: #222 }
body  {
	background-color: #ddd }
aside  {
	position: fixed  ;
	top: 1em  ;
	left: 1em  ;
	//width: 50%  ;
	line-height: .9 }
aside a ,aside button  {
	font-family: bebas  ;
	font-size: var(--fs)  ;
	font-weight: bold }
textarea  {
	font-family: main  ;
	font-size: 22px  ;
	position: fixed  ;
	padding: 1em 1em 15em 1em  ;
	top: 1em  ;
	bottom: 1em  ;
	right: 1em  ;
	width: min(100% ,700px) }
iframe  {
	padding: 2em  ;
	border: 1px solid #666  ;
	height: 30vh }
main ,section  {
	float: right  ;
	//padding: 2em 50px 0 0  ;
	width: min(100% ,700px)  ;
	margin-top: 7em  ;
	margin-bottom: 10em  ;
	line-height: .9  ;
	font-size: 30px  ;
	padding: 0 2em 0 0 }
main  {
	padding: 2em 2em 0 0 }
main *  {
	line-height: 1.5em  ;
	font-family: article  ;
	letter-spacing: 3px  ;
	font-size: 22px }
main a ,main strong ,main em  {
	display: inline  ;
	font-style: normal }
strong  {
	font-weight: bold  ;
	color: inherit }
em  {
	font-weight: bold  ;
	color: inherit }
ul ,ol  {
	padding-left: 1em }
ul  {
	list-style-type: square }
ul li ,p  {
	margin: 1.5em }
p::first-letter  {
	font-size: 300% }
a  {
	color: inherit }
main a  {
	//text-decoration: underline  ;
	color: #b00 }
main a:nth-child(odd)  {
	color: #11c }
hr  {
	border: 1px solid #444 }
img  {
	width: 100%  ;
	box-shadow: .1em .1em .2rem #444 }
b  {
	font-weight: bold }
a:focus ,button:focus ,a:hover ,button:hover  {
	text-decoration: line-through }
main a:focus ,main button:focus  {
	display: block  ;
	font-size: 200% }
::placeholder  {
	color: #aaa }
input  {
	font-family: article  ;
	font-size: 30px }
//h1 ,h2 ,h4  {
	//font-family: bebas  ;
	//font-size: var(--fs)  ;
	//font-weight: bold  ;
	//line-height: 1  ;
	//font-size: 200% }
main h1  {
	position: fixed  ;
	font-size: 30px  ;
	font-family: article  ;
	letter-spacing: -1px  ;
	left: 0  ;
	top: 0 }
main h2  {
	font-size: 20px  ;
	font-family: article  ;
	letter-spacing: -1px  ;
	position: fixed  ;
	right: 1em  ;
	top: 1em }
main h3  {
	font-family: article  ;
	font-size: 60px  ;
	letter-spacing: 0px  ;
	margin-top: 2em }
main h4  {
	margin-top: 2em  ;
	color: #c11 }
aside h1 a ,aside h2 a  {
	font-family: bebas  ;
	font-size: var(--fs)  ;
	font-weight: bold }
section  {
	font-family: main }
section a ,section h1  {
	font-size: 125% }
section a  {
	display: inline-block }
code  {
	display: inline  ;
	color: #666 }
pre  {
	border: 1px solid #222 }
pre code  {
	display: block  ;
	padding: 1em 0 1em 0 }
 
pre ,pre code  {
	//background-color: #222  ;
	color: #666  ;
	font-family: main  ;
	font-size: 20px  ;
	letter-cng: -.1em  ;
	line-height: .7  ;
	width: 100%  ;
	overflow-x: auto  ;
	overflow-y: hidden }
mark  {
	font-size: inherit  ;
	//background-color: #111  ;
	//color: #aaa  ;
	text-decoration: line-through }
a:nth-child(odd) h1  {
	color: #c11 }
@media all and (max-width: 900px)  {
	aside  {
		margin: 0  ;
		position: static  ;
		width: 100% }
	h1,h2  {
		font-size: 100% }
	h1 a ,h2 a  {
		font-size: 30px }
	textarea  {
		position: static  ;
		height: 100vh  ;
		padding: 0 }
	main h1  {
		left: auto  ;
		right: 0 }}