.noteWindow{position:absolute;left:40px;top:40px;right:40px;bottom:40px;background:#855222;border-radius:8px;box-shadow:-1px -1px 3px #000 inset;overflow:hidden}.noteWindowContent{position:absolute;padding:20px;left:15px;top:15px;right:15px;bottom:15px;background:#065f35;border-radius:3px;box-shadow:-1px -1px 2px #000;overflow:hidden}@media only screen and (max-width:600px){.noteWindow{left:10px;right:10px}}@media only screen and (min-width:601px){.noteWindow{left:40px;right:40px}}.noteEraserButton{position:absolute;bottom:8px;right:30px;width:118px;height:48px;background:url(../asset/boarderaser.png);border:none;background-size:100% 100%;cursor:pointer;transition:width .5s,height .5s,right .5s}.noteEraserButton:hover{right:40px;width:133px;height:54px;border:none}.noteEraserButton:active{bottom:10px}.noteSliderContainer{position:absolute;bottom:5px;left:55px;width:50%;height:38px;vertical-align:middle}.noteFontSmall{width:20px;margin:0;padding:0;display:inline-block;font-size:15px;text-align:right;vertical-align:middle;color:rgba(255,247,139,.623)}.noteFontBig{width:40px;margin:0;padding:0;display:inline-block;font-size:30px;text-align:left;vertical-align:middle;color:rgba(255,247,139,.623)}.noteSlider{-webkit-appearance:none;margin:0;margin-left:8px;margin-right:8px;width:calc(100% - 100px);height:10px;background:#fff;outline:0;opacity:.3;transition:opacity .5s;border-radius:15px;border:none;overflow:visible;display:inline-block;vertical-align:middle;padding:0}.noteSlider:hover{opacity:1}.noteSlider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:30px;height:30px;border-radius:50%;background:#ff7b00;cursor:pointer}.noteSlider::-moz-range-thumb{width:30px;height:30px;border-radius:50%;background:#ff7b00;cursor:pointer}.noteSlider::-ms-thumb{width:30px;height:30px;border-radius:50%;background:#ff7b00;cursor:pointer}.noteCloseButton{box-shadow:inset 0 1px 0 0 #f7c5c0;background:linear-gradient(to bottom,#fc8d83 5%,#e4685d 100%);background-color:#fc8d83;border-radius:3px;border:1px solid #d83526;display:inline-block;cursor:pointer;color:#fff;font-family:sans-serif;font-size:24px;font-weight:700;padding:0;text-decoration:none;text-shadow:0 1px 0 #b23e35;position:absolute;right:16px;top:15px;width:50px;height:50px;border-radius:4px}.noteCloseButton:hover{background:linear-gradient(to bottom,#e4685d 5%,#fc8d83 100%);background-color:#e4685d}.noteCloseButton:active{background:linear-gradient(to bottom,#682f2a 5%,#bb6861 100%);background-color:#8a3f38}.noteTitle{display:none}