body {
    font-family: Arial, sans-serif;
    text-align: center;
    margin: 20px;
    background-color: #333333;
}

h1 {
    font-family: 'Lucida Console', monospace;
    font-size: 5px;
}

#upload-section {
    margin: 20px;
}

#processing-section {
    margin: 20px;
}

#outputArea {
    margin-top: 20px;
    width: 80%;
    height: 600px;
    resize: none;
    background-color: #333333;
    color: aliceblue;
}

#imageNameArea {
    margin-top: 20px;
    width: 10%;
    height: 15px;
    resize: none;
}

#processButton, #imageNameArea {
    margin: 0;
    padding: 0;
    vertical-align: middle; /* This aligns inline or inline-block elements along their middle line */
}