/* style.css */

/* Basic page-wide typography and spacing */
body {
  font-family: sans-serif;
  margin: 40px;
  color: #333;
}

/* Main heading styling */
h1 {
  font-size: 1.8em;
  margin-bottom: 0.2em;
}

/* Description paragraph styling */
p.description {
  font-size: 1em;
  line-height: 1.5;
  margin-bottom: 20px;
  max-width: 600px;
  color: #555;
}

/* Drop zone appearance */
#dropZone {
  border: 2px dashed #888;      /* dashed border */
  border-radius: 8px;           /* rounded corners */
  padding: 40px;                /* inner space */
  text-align: center;           /* center the text */
  color: #666;                  /* text color */
  cursor: pointer;              /* pointer on hover */
  transition: background 0.2s, border-color 0.2s; /* smooth hover transition */
}

/* Drop zone highlight on dragover */
#dropZone.dragover {
  background: #f0f0f0;  /* light grey background */
  border-color: #444;   /* darker border */
}