#drop-area {
    border: 2px dashed hsl(0, 0%, 80%);
    padding: 20px;
    font-family: Arial, sans-serif;  
    text-align: center;
}

#course-name {
    padding: 20px;
    font-size: 3em;  
    font-family: Arial, sans-serif;  
    text-align: center;
}

#file-display {
    margin-top: 20px;
    font-weight: bold;
}

.chart-canvas {
    margin-top: 20px;
    min-height: 500px;  /* Adjust as needed */
}

.footer {
    margin-top: 20px;
    font-family: Arial, sans-serif;  
    font-size: 0.7em;  
    text-align: center;
}