@import url("https://fonts.googleapis.com/css2?family=Space+Mono&display=swap");

* {
  font-family: "Space Mono", monospace;
}
body {
  margin: 0;
  width: 100%;
  overflow-x: hidden;
}

/* variables.css */

:root {
  --white: #f5f5f5;
  --gray: #757575;
  --gray-light: #bbb8b8;
  --gray-light2: #b2c4bd;
  --gray-strong: #444343;
  --black: #0f0f0f;
  --transaprent: rgba(255, 255, 255, 0);

  --primary: #0e3a29;
  --primary-strong: #3fa275;
  --primary-strong2: #bcf2de;
  --primary-strong3: #2bd565;
  --secondary: #f7f7f2;
  --text-primary: #f5f5f5;
  --text-secondary: #000000;
  overflow-x: hidden;
}

.image-input-container input[type="file" i]::-webkit-file-upload-button {
  color: var(--text-primary);
}

input[type="file"]::-webkit-file-upload-button {
  color: black;
  background-color: var(--primary);
  border: none;
  padding: 0.5em;
  border-radius: 0.2em;
}