:root {
--docbg: #f4efe6;
--doctext: #2b2a28;
--docshadow: #3a2f1f;
--mainbg: rgba(34, 45, 30, 0.85);
--maintext: #f5f0e6;
--mainshadow: #8c7b5a;
--blackbarbg: #1a1a1a;
--listgradient: linear-gradient(to right, #1a1a1a, transparent);
--listshadow: #2e2a24;
--heregradient: linear-gradient(to right, #b5522d, transparent);
--hereborder: #b5522d;
--htmlstart1: #3a5f7d;
--htmlstart2: #fdf6e3cc;
--scrollbartrack: #e2d6c2;
--scrollbarthumb: #a36f3f;
--scrollbarthumbhover: #6b4423;
--selectionbg: #538386;
--selectiontext: #f5f0e6;
--textshadow: #1a1a1a;
--textshadowlight: #fff8e7;
--lastshadow: #3a2f1f;
--listcolor: #f5f0e6;
--titlecolor: #2b2a28;
}
.here:hover img {
  filter:invert(0);
}
.title {
      font-size: clamp(60px, 10vw, 80px);
}
.sidebar {
  padding-right: 20px;
}
html::before {
  background: linear-gradient(331deg, var(--htmlstart1), var(--htmlstart2)), url(/namerica/img/Mexico.jpg);
}