.info-box{position:absolute;cursor:move;-webkit-user-select:none;user-select:none;top:20%;left:50%;transform:translate(-50%,-20%);width:650px;max-height:80vh;overflow-y:auto;padding:20px 20px 60px;background-color:#ffffffe6;border:3px solid #d2691e;border-radius:8px;box-shadow:0 4px 12px #0000004d;z-index:1000;text-align:left}.info-box h2,.info-box h3{text-align:center;margin-top:0}.info-box h2{color:#8b4513;margin-bottom:5px}.info-box h3{color:sienna;font-weight:400;margin-top:0;margin-bottom:20px}.info-box.hidden{display:none}.info-box *{pointer-events:none}.info-box a,.info-box button{pointer-events:auto;cursor:pointer}.shortcuts-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px 20px;margin-bottom:15px}.shortcut-section{margin-bottom:0}.shortcut-section h4{margin:5px 0;color:#8b4513;font-size:.95em}.shortcut-section ul{margin:5px 0;padding-left:20px}.shortcut-section li{margin:2px 0;line-height:1.5;font-size:.9em}.shortcut-section.full-width{grid-column:1 / -1}.info-box kbd{display:inline-block;padding:2px 6px;background-color:#f5f5f5;border:1px solid #ccc;border-radius:3px;font-family:monospace;font-size:.9em;font-weight:700}.close-button{position:absolute;bottom:15px;right:15px;padding:8px 20px;background-color:#d2691e;color:#fff;border:none;border-radius:5px;font-size:14px;cursor:pointer;transition:background-color .2s}.close-button:hover{background-color:sienna}html,body{margin:0;padding:5px;align-items:center;background-color:bisque}canvas{display:block}#one{display:block;width:800px;height:600px}#two{display:block;margin-top:10px;width:800px;height:600px}.options{display:inline-block;clear:both;margin-left:auto;margin-right:auto;text-align:center}.option{float:left;padding:50px}.emoji{font-size:100px;vertical-align:middle;line-height:2;clear:both;margin:auto}.description{margin:-50px auto auto;font-family:Times New Roman,Times,serif;font-size:25px;letter-spacing:.6px;word-spacing:2px;color:#000;font-weight:400;text-decoration:none;font-style:normal;font-variant:small-caps;text-transform:none}