:root {
  font-family: system-ui, sans-serif;
  background: #181E24;
  padding: 10px;
  color: #C7C7C7;
  direction: rtl;
}

h1 {
  font-size: 1.2em;
  margin: 0px;
}

p {
  font-size: 0.9em;
  margin: 15px 0px 0px 0px;
  text-align: justify;
}

.box {
  max-width: 400px;
  margin: auto;
  background: #1D252C;
  padding: 20px;
  border-style: solid;
  border-width: 10px;
  border-radius: 0px;
  border-color: #7DE5CF;
}

button, .file-btn {
  display: block;
  box-sizing: border-box;
  text-align: center;
  width: 100%;
  margin-top: 20px;
  font-size: 0.9em;
  padding: 10px;
  border: none;
  background: #7DE5CF;
  color: #181E24;
  cursor: pointer;
}

button:hover, .file-btn:hover {
  background: #95FDE7;
}