html { font-size: 14px; height: 100%; font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; } @media (min-width: 768px) { html { font-size: 16px; } } html { position: relative; min-height: 100%; } body { margin: 0; min-height: 100%; } textarea { width: 100%; height: 100%; padding: 15px; margin: 0; resize: none; color: #444; font-size: 12px; font-family: Consolas; outline: none; position: absolute; box-sizing: border-box; border-width: 0; } textarea.dark { background-color: #222; color: #ddd; } #saved-indicator { position: fixed; bottom: -40px; right: 20px; font-size: 12px; background-color: green; padding: 10px; border-radius: 10px 10px 0 0; color: #fff; transition: bottom 0.2s; } #saved-indicator.show { bottom: 0; }