@charset "UTF-8";
:root{
/*背景色*/--body-background-color:rgb(248,248,248);
/*------*/
/*横幅　*/--div-width:50%;
/*余白　*/--div-padding:calc(16px / 1.6) 16px calc(16px / 1.6) 16px;
/*外枠　*/--div-shadow:0 0 4px 0 rgb(206,206,206), 0 0 0 1px rgb(216,216,216);
/*背景色*/--div-background-color:rgb(252,252,252);
/*位置　*/--div-text-align:center;
/*文字　*/--div-font-size:16px;
/*行間　*/--div-line-height:1.6;
}
html,body{
position:relative;width:100%;height:100%;margin:0;padding:0;background-color:var(--body-background-color);
}
div.width-height-center{
position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:var(--div-width);margin:0;padding:var(--div-padding);box-shadow:var(--div-shadow);box-sizing:border-box;background-color:var(--div-background-color);text-align:var(--div-text-align);font-size:var(--div-font-size);line-height:var(--div-line-height);
}
body.ruler::before{
content:"";display:block;width:auto;height:100%;
background-image:url("data:image/png;base64,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");
background-position:right top;background-repeat:no-repeat;background-size:contain;
}