: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;
}