:root {
--theme-width: 100% !important;
/* Colors*/
--white: rgb(255,255,255) !important;
--gray: rgb(200, 200, 200) !important;
--pink: rgb(225, 0, 212) !important;
--red: rgb(225, 00, 50) !important;
/* $h1 - Header 1 */
--h1-text-color: var(--pink) !important;
--h1-size: 3rem !important;
--h1-weight: 800 !important;
--h1-spacing: -0.04em !important;
--h1-margin: 3px !important;
--h1-line-height: 1 !important;
--h1-text-shadow: var(--site-shadow) !important;
/* $h2 - Header 2 */
--h2-text-color: var(--pink) !important;
--h2-size: 2.25rem !important;
--h2-weight: 700 !important;
--h2-spacing: -0.03em !important;
--h2-margin: 0 .1875rem !important;
--h2-line-height: 100% !important;
--h2-text-shadow: var(--site-shadow) !important;
/* $h3 - Header 3 */
--h3-text-color: var(--red) !important;
--h3-size: 1.5rem !important;
--h3-weight: 600 !important;
--h3-spacing: -0.02em !important;
--h3-margin: 0 .125rem !important;
--h3-line-height: 1 !important;
--h3-text-shadow: var(--site-shadow) !important;
/* Toggle $Header Hover */
--header-hover: var(--gray) !important;
/* $Toggles */
--toggle-size: 32px !important;
--toggle-color: yellow !important;
}
/* $Heading 1 & */
/* $Toggle heading 1 */
h1,
h1.notion-heading,
h1.notion-heading.toggle,
/*$ Affects Toggle Glyphs */
.notion-toggle-heading-1 {
color: var(--h1-text-color) !important;
font-size: var(--h1-size) !important;
font-weight: var(--h1-weight) !important;
font-style: normal !important;
line-height: var(--h1-line-height) !important;
text-shadow: var(--site-shadow) !important;
letter-spacing: var(--h1-spacing) !important;
margin: var(--h1-margin) !important;
max-width: var(--theme-width) !important;
}
/*$ Area under an open heading toggle */
/*$ Affects Toggle Glyphs */
.notion-toggle.open.notion-toggle-heading-1 {
color: var(--h1-text-color) !important;
text-shadow: var(--site-shadow) !important;
font-size: 1rem !important;
}
/* $Heading 2 & */
/* $Toggle heading 2 */
h2,
h2.notion-heading,
h2.notion-heading.toggle,
/*$ Affects Toggle Glyphs */
.notion-toggle-heading-2 {
color: var(--h2-text-color) !important;
font-size: var(--h2-size) !important;
font-weight: var(--h2-weight) !important;
font-style: normal !important;
line-height: var(--h2-line-height) !important;
text-shadow: var(--site-shadow) !important;
letter-spacing: var(--h2-spacing) !important;
margin: var(--h2-margin) !important;
max-width: var(--theme-width) !important;
}
/*$ Area under an open heading toggle */
/*$ Affects Toggle Glyphs */
.notion-toggle.open.notion-toggle-heading-2 {
color: var(--h2-text-color) !important;
text-shadow: var(--site-shadow) !important;
font-size: 1rem !important;
}
/* $Heading 3 & */
/* $Toggle heading 3 */
h3,
h3.notion-heading,
h3.notion-heading.toggle,
/*$ Affects Toggle Glyphs */
.notion-toggle-heading-3 {
color: var(--h3-text-color) !important;
font-size: var(--h3-size) !important;
font-weight: var(--h3-weight) !important;
font-style: normal !important;
line-height: var(--h3-line-height) !important;
text-shadow: var(--site-shadow) !important;
letter-spacing: var(--h3-spacing) !important;
margin: var(--h3-margin) !important;
max-width: var(--theme-width) !important;
}
/*$ Area under an open heading toggle */
/*$ Affects Toggle Glyphs */
.notion-toggle.open.notion-toggle-heading-3 {
color: var(--pink) !important;
text-shadow: var(--site-shadow) !important;
font-size: 1rem !important;
}
/* $Toggle Header :hover */
h1:hover,
h1.notion-heading:hover,
h1.notion-heading.toggle:hover,
/*$ Affects Toggle Glyphs */
.notion-toggle-heading-1:hover,
h1:hover,
h2.notion-heading:hover,
h2.notion-heading.toggle:hover,
/*$ Affects Toggle Glyphs */
.notion-toggle-heading-2:hover,
h3:hover,
h3.notion-heading:hover,
h3.notion-heading.toggle:hover,
/* $Affects Toggle Glyphs */
.notion-toggle-heading-3:hover{
color: var(--header-hover) !important;
}
/*#Toggle block */
.notion-toggle.open {
margin-bottom: 0 !important;
text-shadow: var(--site-shadow) !important;
}
.notion-toggle__summary {
font-weight: 600 !important;
color: white !important;
}
.notion-toggle__summary::before {
font-size: 2em !important;
margin: 0 0em 0.25em 0 !important;
position: relative !important;
}
div.notion-toggle__summary:hover {
color: gray !important;
}
.notion-toggle__trigger {
font-size: var(--toggle-size) !important;
color: var(--toggle-color) !important;
}
