:root {
  font-family: "brevia", sans-serif;
  --color-text: #000000;
  --color-bg: #a8dbd3;
  --color-bg-secondary: #d4eeca;
  --color-input: #ddeaf3;
  --color-input-active: #f9faeb;
  --color-accent: rgb(32, 122, 95);
}

body {
  background-color: var(--color-bg);
}

input,
textarea {
  background-color: var(--color-input);
  border: none;
  outline: none;
}

input:focus,
textarea:focus {
  background-color: var(--color-input-active);
}

hr {
  border: 0;
  border-bottom: 1px solid var(--color-accent)
}

.message {
  background-color: var(--color-bg-secondary);
  padding: 1rem;
  border-radius: 1rem;
}