/* Guestbook theme for guestbook.relvokcor.xyz: Gruvbox Green, to match ~funkpumpr. */
@import url("https://fonts.googleapis.com/css2?family=VT323&display=swap");

body {
  margin: 0 auto; max-width: 720px; padding: 24px 16px 48px;
  background: #232e1b; color: #ebdbb2;
  font: 20px/1.25 "VT323", ui-monospace, Menlo, Consolas, monospace;
}
h1 { color: #fabd2f; font-weight: normal; font-size: 44px; text-shadow: 3px 3px 0 #1c2415; }
a { color: #8ec07c; }
form { margin: 16px 0 28px; }
input[type="text"], textarea {
  display: block; width: 100%; margin: 4px 0 10px; padding: 6px 8px;
  background: #1c2415; color: #fbf1c7; border: 2px solid #425433; font: inherit;
}
input[type="text"]:focus, textarea:focus { outline: none; border-color: #b8bb26; }
textarea { min-height: 110px; }
input[type="submit"] {
  padding: 6px 16px; background: #b8bb26; color: #1c2415; border: 0;
  font: inherit; cursor: pointer; box-shadow: 3px 3px 0 #1c2415;
}
input[type="submit"]:hover { background: #fabd2f; }
.entries { display: grid; gap: 14px; }
.entry { background: #2d3a22; border-left: 4px solid #b8bb26; padding: 10px 14px; }
.entry h3 { margin: 0; font-weight: normal; font-size: 22px; color: #fabd2f; }
.entry h3 span { color: #928374; font-size: 18px; margin-left: 6px; }
.entry p { margin: 6px 0 0; white-space: pre-wrap; }