/* css/online-notepad.css */

#notepad-area {
    min-height: 300px;
    /* Ensure a good default height for note-taking */
    font-family: 'Menlo', 'Monaco', 'Consolas', 'Liberation Mono', 'Courier New', monospace;
    /* Optional: Monospace for notes */
    line-height: 1.6;
    transition: border-color 0.3s ease, box-shadow 0.3s ease;
}

/* Responsive adjustments */
@media (max-width: 640px) {
    h1 {
        font-size: 1.8rem;
    }

    #notepad-area {
        min-height: 250px;
        height: 60vh;
        /* Take up more vertical space on mobile */
    }
}