@font-face {
  font-family: serif-font;
  src: url("./serif_font.ttf");
}
html, body {
  min-height: 100%;
}
:root {
  --dark-text: #373b39;
  --text-gray: #5d7265;
  --green-white: #f2ffe8;
  --green-x-light: #c1f69b;
  --green-light: #a7e67a;
  --green-mid: #9ad96c;
  
  --red: #f27979;

  /* --gray-light: #cce6bc; */
  /* --gray-mid: #c2d6b6; */
}
body {
  /* background: var(--green-mid); */
  font-family: serif-font, serif;
  color: var(--dark-text);
}
.title {
  font-family: sans, sans-serif;
}
header, header.scrolled {
  background: var(--green-mid);
}
/* header {
  padding: 50px;
  display: flex;
  align-items: center;
  position: fixed;
  width: 100vw;
  top: 0;
  left: 0;
  background: var(--green-mid);
  border-bottom: 1px solid var(--dark-text);
  z-index: 1000;
  box-sizing: border-box;
} */

/* button:focus:not(.delete-document):not(#back), input:focus {
  outline: 2px solid var(--green-white) !important;
} */
/* button {
  cursor: pointer !important;
} */

.input-wrapper input:not(:placeholder-shown) + .input-placeholder {
  background: var(--green-mid);
}

grammarly-extension {
  background: red !important;
}