:root {
--docbg: #f4efe6;
--doctext: #2b2a1f;
--docshadow: #3a2e1f;
--mainbg: rgba(20, 60, 35, 0.9);
--maintext: #f7f3e9;
--mainshadow: #1e3d2b;
--blackbarbg: #3b1f0f;
--listgradient: linear-gradient(to right, #3b1f0f, transparent);
--listshadow: #2a1409;
--heregradient: linear-gradient(to right, #c24b2a, transparent);
--hereborder: #c24b2a;
--htmlstart1: #1f6f3e;
--htmlstart2: rgba(255, 214, 165, 0.5);
--scrollbartrack: #e6dccb;
--scrollbarthumb: #4f8f5b;
--scrollbarthumbhover: #2f6d44;
--selectionbg: #f2a65a;
--selectiontext: #2b2a1f;
--textshadow: #1a120b;
--textshadowlight: #fff6e8;
--lastshadow: #2a1409;
--listcolor: #fff8f0;
--titlecolor: #3b1f0f;
}
.sidebar {
  padding-right: 20px;
}
.title {
      font-size: clamp(60px, 10vw, 80px);
}
.here:hover img {
  filter:invert(0);
}
html::before {
  background: linear-gradient(331deg, var(--htmlstart1), var(--htmlstart2)), url(/samerica/img/Torres.jpg);
}