:root {
  --primary-color: #9F4218;
  --secondary-color: #422C73;
  --menu-color: #F2F2F2;
  --complimentary-color: #88BFB5;
  --contrast-color: #F2E527;
  --light-color: #EF8040;
  --home-bg-color: #f2f3ee;
  --menu-bg-color: #24252680;
  --slide-btn-border: #808080;
  --slide-btn-bg: #ddf2db;
  --slide-btn-hoverbg: #f1fff1;
  --text-color: #616161;
  --border-color: #709680;
  --heading-color: #346039;
  --box-shadow-color: #b5b5ac;
  --box-shadow: 0px 0px 3px 5px var(--box-shadow-color);
  --border-radius: 60px 5px;
}

body,
html {
  width: 99.9%;
  color: var(--text-color);
  background-color: var(--home-bg-color);
  font-size: medium;
}

strong {
  font-size: larger;
}


main {
  width: 90%;
  box-shadow: var(--box-shadow);
  border-style: solid;
margin-left: 30px;
margin-right: 30px;
  padding: 10px;
  font-family: "eurofurence", "Helvetica", sans-serif;
  font-weight: normal;
  font-size: 1.3rem;
}

main article > p::first-letter {
  font-size: 2em;
  font-weight: bold;
  color: blue;
}

details p::first-letter {
  font-size: 2em;
  font-weight: bold;
  color: red;
}

details summary::marker {
  content: "👉";
  font-size: 2.5em;
}



input {
  width: 60px;
  height: 40px;
}