.App{text-align:center;padding:2rem}.card{padding:2em}button{border-radius:8px;border:2px solid #6b6b6b;padding:.6em 1.2em;font-size:1em;font-weight:600;font-family:"Caveat","Segoe Print","Bradley Hand",cursive,inherit;background-color:#fff;color:#5a5a5a;cursor:pointer;transition:all .25s;position:relative;text-shadow:.5px .5px 0px rgba(0,0,0,.08);letter-spacing:.5px;box-shadow:0 0 0 1px #5a5a5a40,0 0 0 2px #5a5a5a1f,0 0 1px 2px #5a5a5a0f,inset 0 0 2px #0000000d;filter:drop-shadow(.5px .5px .5px rgba(0,0,0,.15)) drop-shadow(-.5px .5px .5px rgba(0,0,0,.08))}button:hover{background-color:#fafafa;transform:translateY(-1px);box-shadow:0 0 0 1px #5050504d,0 0 0 2px #50505026,0 0 1px 2px #50505014,inset 0 0 2px #0000000d}button:active{transform:translateY(0)}@media (min-width: 640px){.email-display{display:inline!important}}:root{font-family:YuMincho,游明朝体,Yu Mincho,Hiragino Mincho ProN,Hiragino Mincho Pro,serif;line-height:1.6;font-weight:400;color:#213547;background-color:#f5f5f0}body{margin:0;min-width:320px;min-height:100vh;background:#f5f5f0;overflow-x:hidden}#root{width:100%;height:100%;position:relative;overflow-x:hidden}#root:before{content:"";position:fixed;left:0;top:0;bottom:0;width:60px;background:linear-gradient(to right,#c8c8c4,#e8e8e4 30%,#f0f0ec,#e8e8e4 70%,#c8c8c4);box-shadow:inset -3px 0 6px #00000026,inset 3px 0 6px #0000001a,inset 0 2px 4px #0000000d,2px 0 12px #00000040,4px 0 20px #00000026;z-index:1000}#root:after{content:"";position:fixed;left:20px;top:0;bottom:0;width:20px;background-image:repeating-linear-gradient(to bottom,transparent 0px,transparent 30px,transparent 30px,transparent 70px);background-size:100% 70px;z-index:1001}.notebook-ring{position:fixed;left:18px;width:24px;height:24px;border-radius:50%;background:radial-gradient(circle at center,transparent 40%,#888 40%,#888 50%,transparent 50%),linear-gradient(135deg,#b8b8b8,#606060,#888);box-shadow:inset 2px 2px 3px #fff6,inset -2px -2px 3px #0006,0 3px 6px #0000004d,0 1px 2px #0003;z-index:1002;transform:translateZ(0)}.notebook-page{margin-left:60px;padding-left:90px;padding-right:20px;min-height:100vh;background:repeating-linear-gradient(to bottom,transparent 0px,transparent 31px,#f8fbfd 31px,#f8fbfd 32px),#fff;box-shadow:-4px 0 8px #0000001a,-8px 0 16px #00000014,-2px 0 4px #0000001f;position:relative;width:calc(100% - 60px);max-width:calc(100vw - 60px);box-sizing:border-box;background-attachment:local}.notebook-page:before{content:"";position:fixed;left:140px;top:0;bottom:0;width:2px;background:#e8b4b8;opacity:.6;box-shadow:0 0 1px #e8b4b866;z-index:101}@media (max-width: 768px){#root:before{width:30px}#root:after{left:10px;width:10px}.notebook-ring{left:8px;width:14px;height:14px}.notebook-page{margin-left:30px;padding-left:40px;padding-right:15px;width:calc(100% - 30px);max-width:calc(100vw - 30px)}.notebook-page:before{left:65px}}