body,html{height:100%}body{margin:0;overflow:hidden}body,input{font-family:Hi Melody,cursive;font-size:2.8vh}.noholepage{text-align:center;box-shadow:1px 1px 0 #6a504f;margin:0 auto;max-width:400px;min-height:100px;height:100%;background-image:-webkit-linear-gradient(top,#0000,#0000 .9em,#b4a17c 0)}.bookpage,.noholepage{color:#000;display:inline-block;vertical-align:top;font-size:.8em;line-height:.95em;resize:none;background-color:#fff1aa;background-size:100% .95em}.bookpage{box-shadow:1px 1px 0 #ddd;margin:auto;padding:0 .95em 3px 1.9em;min-height:200px;width:300px;background-image:-webkit-linear-gradient(top,#0000,#0000 .9em,#b4a17c 0),-webkit-radial-gradient(4% 50%,circle closest-corner,#dac993,#dac993 39%,#0000 0),-webkit-radial-gradient(3.9% 46%,circle closest-corner,#b4a17c,#b4a17c 43.5%,#0000 0)}