html {
font-size:62.5%;
}
body {
font-family:sans-serif;
font-size:1.6rem;
margin:0;
background-color:rgb(255,255,255);
}
h1,h2,h3,h4,h5,h6 {
margin:0.25em 0;
padding:0.5em 0;
text-align:initial;
background:rgb(240,240,240);
}
button,
label,
a[download] {
font-family:inherit;
font-size:1em;
line-height:1em;
vertical-align:middle;
box-sizing:border-box;
padding:0.25em 0.5em;
background-color:rgb(245,245,245);
border-style:solid;
border-width:1px;
border-color:rgb(230,230,230);
cursor:pointer;
}
input[type='file'] {
position:absolute;
width:0;
opacity:0;
z-index:-1;
}
/*\
layout
\*/
@media screen and (min-width:740px) {
main {
position:fixed;
top:0;
left:0;
width:calc(100% - 400px);
height:100%;
}
aside {
position:fixed;
right:0;
top:0;
width:400px;
height:100%;
overflow:auto;
background-color:rgb(250,250,250);
}
}
/*\
custom
\*/
canvas {
display:block;
image-rendering:optimizeSpeed;
image-rendering:pixelated;
width:160px;
height:160px;
margin:160px auto;
outline-style:solid;
outline-width:80px;
outline-color:#000000;
cursor:crosshair;
}