<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">
/*\



\*/

@import url('theme/reset.css');

/*\

responsive

\*/

html {
   font-size:62.5%;
}
@media screen and (max-width:800px) {
   body {
      font-size:1.2rem;
   }
}
@media screen and (min-width:800px) {
   body {
      font-size:1.4rem;
   }
}
@media screen and (min-width:1200px) {
   body {
      font-size:1.6rem;
   }
}

/*\

font

\*/

body {
	font-family:sans-serif;
}
header {
	text-align:center;
}
h1 {
	font-size:2em;
	font-weight:600;
}
h2 {
	font-size:1.6em;
	font-weight:600;
}
h3 {
	font-size:1.4em;
	font-weight:600;
}
h4 {
	font-size:1.2em;
	font-weight:600;
}
h5 {
	font-size:1em;
	font-weight:600;
}
h6 {
	font-size:0.9em;
	font-weight:600;
}
p {
	text-indent:1.5em;
	text-align:justify;
}
summary {
	font-size:1.2em;
	font-weight:600;
}
code {
	font-family:monospace;
}

/*\

layout

\*/

body {
	max-width:800px;
	margin:auto;
	padding:1em;
}
h1,h2,h3,h4,h5,h6 {
	padding:0.5em 1em;
	margin:0.5em 0;
}
section {
	padding:1em;
}
summary {
	padding:0.5em 1em;
	margin:0.5em 0;
}
p,pre {
	padding:0.5em 1em;
}
ul,ol {
	/* padding:0 1em; */
}
li {
	/* padding:0.5em 0; */
}

/*\

style

\*/

html {
	color:rgb(200,200,200);
	background:rgb(20,20,20);
}
body {
	color:rgb(20,20,20);
	background:rgb(250,250,250);
}
a,a:visited {
	color:rgb(100,100,200);
}
summary {
	cursor:pointer;
}
code {
	background:rgb(230,230,230);
}
pre {
	background:rgb(230,230,230);
}
pre &gt; code {
	background:none;
}

/*\

layer

\*/

section,div,form,pre,summary,
h1,h2,h3,h4,h5,h6 {
	background:rgba(20,20,20,0.02);
	box-shadow:0 0 3px rgba(0,0,0,0.1);
	/* box-shadow: 0 3px 4px 0 rgba(0,0,0,0.14), 0 3px 3px -2px rgba(0,0,0,0.2), 0 1px 8px 0 rgba(0,0,0,0.12); */
}

/*\



\*/

svg {
   display:block;
   margin:auto;
   border-style:solid;
   border-width:1px;
   border-color:rgb(128,128,128);
}
svg rect {
   fill:none;
   stroke-width:3px;
   vector-effect:non-scaling-stroke;
}
svg rect:nth-of-type(1) {
   stroke:rgb(128,128,128);
}
svg rect:nth-of-type(2) {
   stroke:rgb(240,200,200);
   transform-origin:150px 125px;
   transform:scale(1.4);
}
svg rect:nth-of-type(3) {
   stroke:rgb(200,200,240);
   transform-origin:250px 175px;
   transform:scale(1.4);
}

/*\

tileset

\*/

div.tileset {
   display:grid;
   grid-template-rows:repeat(3,2em);
   grid-template-columns:repeat(3,2em);
}
div.tileset span {
   display:flex;
   align-items:center;
   justify-content:center;
}</pre></body></html>