:root { --bg-color: hsl(0, 0%, 100%); --body-text-color: hsl(0, 0%, 40%); --h2-color: hsl(0, 0%, 0%); --primary-color: hsl(122, 25%, 48%); --primary-color-bg: hsl(122, 23%, 92%); --secondary-color: hsl(12, 40%, 40%); --minor-line-details: hsl(0, 0%, 80%); --red-color: hsl(5, 40%, 67%); --vermillion-color: hsl(18, 40%, 67%); --orange-color: hsl(36, 40%, 67%); --amber-color: hsl(45, 40%, 67%); --yellow-color: hsl(60, 40%, 67%); --chartreuse-color: hsl(68, 40%, 67%); --green-color: hsl(96, 40%, 67%); --teal-color: hsl(197, 40%, 67%); --blue-color: hsl(224, 40%, 67%); --violet-color: hsl(262, 40%, 67%); --purple-color: hsl(286, 40%, 67%); --magenta-color: hsl(339, 40%, 67%); --desaturated-color: hsl(339, 0%, 67%); }  html.darkmode { --bg-color: hsl(0, 0%, 0%); --body-text-color: hsl(0, 0%, 60%); --h2-color: hsl(0, 0%, 100%); --primary-color: hsl(122, 25%, 52%); --primary-color-bg: hsl(122, 23%, 8%); --secondary-color: hsl(12, 40%, 60%); --minor-line-details: hsl(0, 0%, 40%); --red-color: hsl(5, 40%, 33%); --vermillion-color: hsl(18, 40%, 33%); --orange-color: hsl(36, 40%, 33%); --amber-color: hsl(45, 40%, 33%); --yellow-color: hsl(60, 40%, 33%); --chartreuse-color: hsl(68, 40%, 33%); --green-color: hsl(96, 40%, 33%); --teal-color: hsl(197, 40%, 33%); --blue-color: hsl(224, 40%, 33%); --violet-color: hsl(262, 40%, 33%); --purple-color: hsl(286, 40%, 33%); --magenta-color: hsl(339, 40%, 33%); --desaturated-color: hsl(339, 0%, 33%); } .card1b:not(:last-child) { margin-bottom: 25px; padding-bottom: 25px; border-bottom: 1px solid var(--minor-line-details); } .card1c:not(:last-child) { margin-bottom: 45px; } @media (max-width: 734px) { .brxe-popup-392 .brx-popup-content { height: unset !important; } html { scroll-behavior: smooth; } a, body.bricks-is-frontend :focus { outline: none; }