index.css

/* Variables */
:root {
  --background-color: #f5f5f4;
  --text-color: #333;
  --window-border-radius: 6px;
  --font-size: 14px;
}

/* The arrow at the top of the window */
/* .header-arrow {
  position: absolute;
  top: 5px;
  left: 50%;
  margin-left: -10px;
  height: 20px;
  width: 20px;
  transform: rotate(45deg);
  background-color: #e8e6e8;
} */

/* .window {
  position: absolute;
  top: 10px;
} */

/* .toolbar {
  box-shadow: none;
} */

/* .window, .toolbar-header {
  border-top-left-radius: var(--window-border-radius);
  border-top-right-radius: var(--window-border-radius);
} */

.window-content {
  background-color: var(--background-color);
}

.title {
  padding-top: 8px;
  padding-left: 10px;
  /* font-size: calc(var(--font-size) - 4px); */
  float: left;
}

.title a {
  color: var(--text-color);
}

#drag-file-container {
  margin: 10px;
  width: 100%;
}

#drag-file {
  display: flex;
  flex-direction: column;
  align-items: center !important;
  justify-content: center !important;
  text-align: center;
  background-color: #fafafa;
  color: #aaa;
  width:100%;
  height:90%;
  border: 3px dashed #aaa;
  font-size: 2em;
  padding: 10px;
  border-radius: 5px;
}
#help_section {
  display: none;
}

#drag-file p {
  margin: 0;
}

#convert_again_button {
  width: 100%;
  margin-top: 10px;
}