:root { --max-width: 900px !important; --navbar-height: 52.5px !important; --card-border-radii: 4px !important; --image-border-radii: 4px !important; --collection-card-border-radii: 4px !important; --collection-table-border-radii: 8px !important; --padding-right: calc(env(safe-area-inset-right) + 24px) !important; --padding-left: calc(env(safe-area-inset-right) + 24px) !important; --padding-left-mobile: calc(env(safe-area-inset-right) + 16px) !important; --padding-right-mobile: calc(env(safe-area-inset-right) + 16px) !important } .theme-light { --bg: #fff; --navbar-bg: hsla(0, 0%, 100%, .7); --navbar-menu-bg: #fff; --cta-bg: #000; --cta-hover-bg: #2e2e2e; --accent-bg: rgba(0, 0, 0, .03); --pill-bg: rgba(0, 0, 0, .06); --border: rgba(0, 0, 0, 0); --cta-color: #fff; --navbar-color: #303030; --text-color: rgba(30, 28, 28, .7); --heading-color: #000; --gallery-heading-color: #fff; --code-block-bg: hsla(0, 0%, 84%, .08); --code-inline-bg: #e0e7ff; --code-inline-border: #a5b4fc; --code-inline-color: #6366f1 } .theme-dark { --bg: #000; --navbar-bg: rgba(0, 0, 0, .7); --navbar-menu-bg: #000; --navbar-bg-item-hover: hsla(0, 0%, 100%, .15); --navbar-bg-item-active: #fff; --navbar-text-item-active: #000; --cta-bg: #fff; --cta-hover-bg: #e8e8e8; --accent-bg: #1d1d1d; --pill-bg: hsla(0, 0%, 100%, .1); --border: #242424; --cta-color: #000; --navbar-color: #cdcdcd; --text-color: hsla(0, 0%, 100%, .7); --heading-color: #fff; --gallery-heading-color: #fff; --code-block-bg: #0f0f0f; --code-inline-bg: #0b090f; --code-inline-border: #493d65; --code-inline-color: #6366f1 } body { background-color: var(--bg) !important } .bg-gray { background: rgba(var(--color-bg-gray), 1) } .bg-brown { background: rgba(var(--color-bg-brown), 1) } .bg-orange { background: rgba(var(--color-bg-orange), 1) } .bg-yellow { background: rgba(var(--color-bg-yellow), 1) } .bg-green { background: rgba(var(--color-bg-green), 1) } .bg-blue { background: rgba(var(--color-bg-blue), 1) } .bg-purple { background: rgba(var(--color-bg-purple), 1) } .bg-pink { background: rgba(var(--color-bg-pink), 1) } .bg-red { background: rgba(var(--color-bg-red), 1) } .super-content { padding-bottom: 80px !important; padding-left: calc(env(safe-area-inset-left) + 16px) !important; padding-right: calc(env(safe-area-inset-right) + 16px) !important } .super-content .full-width { margin: 0 auto; max-width: 900px !important } .super-content .notion-root { padding-inline: 0 !important } .notion-toggle.bg-brown { display: none !important } .notion-divider { border-bottom: 1px solid var(--border) !important } figcaption { text-align: center } .theme-switcher { margin-left: 24px } .dark-mode-icon, .light-mode-icon { cursor: pointer } .dark-mode-icon svg, .light-mode-icon svg { height: 20px; width: 20px } .theme-dark .dark-mode-icon { display: none } .theme-light .dark-mode-icon { display: flex } .theme-light .light-mode-icon { display: none } .theme-dark .light-mode-icon { display: flex } @media (max-width:860px) { .theme-switcher { margin-left: 0 !important } } @media (min-width:768px) { .super-content { padding-left: calc(env(safe-area-inset-left) + 24px) !important; padding-right: calc(env(safe-area-inset-right) + 24px) !important } } .notion-image img { border-radius: 4px } .super-navbar { webkit-backdrop-filter: blur(16px) !important; -webkit-backdrop-filter: blur(16px) !important; backdrop-filter: blur(16px) !important; -moz-backdrop-filter: blur(16px) !important; background: var(--navbar-bg) !important; box-shadow: !important; color: var(--navbar-color) !important; height: auto !important; padding: 0 !important } .super-navbar:has(.super-navbar__menu-wrapper) { background-color: var(--navbar-menu-bg) !important } .super-navbar .super-navbar__content { background-color: transparent !important; margin: 0 auto !important; padding: 8px 16px !important; width: 100% } .super-navbar .super-navbar__logo { align-self: stretch !important; color: var(--heading-color) !important; height: auto !important; padding: 0 !important } .super-navbar .super-navbar__item-list { gap: 24px !important } .super-navbar .super-navbar__item-list .notion-link.super-navbar__item { font-size: 14px !important; font-weight: 500 !important; padding: 0 6px !important } .super-navbar .super-navbar__item-list .notion-link.super-navbar__item.active { color: var(--heading-color) !important } .super-navbar .super-navbar__actions { padding-right: 0 !important } .super-navbar .super-navbar__cta { background-color: var(--cta-bg) !important; border-radius: 4px !important; color: var(--cta-color) !important; font-size: 14px !important; font-weight: 500 !important; padding: 6px 14px } .super-navbar__menu { background-color: var(--navbar-menu-bg) !important } .super-navbar__menu .super-navigation-menu__item:hover { background-color: var(--navbar-bg-item-hover) !important } .super-navbar__menu .super-navigation-menu__item.active { background-color: var(--navbar-bg-item-active) !important; color: var(--navbar-text-item-active) !important } @media (min-width:860px) { .super-navbar .super-navbar__content { padding-left: calc(env(safe-area-inset-left) + 24px) !important; padding-right: calc(env(safe-area-inset-right) + 24px) !important } } .super-footer { background: transparent !important; color: var(--text-color) !important; margin: 0 auto !important; padding: 60px calc(env(safe-area-inset-right) + 1.5rem) 60px calc(env(safe-area-inset-left) + 1.5rem) !important; position: relative; width: 100%; shadow:none; } .super-footer.stack .super-footer__links { align-items: center } .super-footer:before { background-color: var(--border) !important; content: ""; height: 1px; left: 0; margin: 0 auto; position: absolute; right: 0; top: 0; width: calc(100% - env(safe-area-inset-left)*2 - 3rem) } .super-footer__links .super-footer__link { font-size: 14px !important; opacity: .8 !important } .super-footer__links .super-footer__link:hover { opacity: 1 !important } body, html { color: var(--text-color) !important; line-height: 1.75 !important } h1, h2, h3, strong { } h1, h2, h3 { margin-top: 0 !important } h1, h2 { margin-bottom: .65rem !important } h3 { margin-bottom: .5rem !important } h1, h1.notion-heading { font-size: 2.6rem !important; line-height: 1.25 !important } @media (max-width:767.98px) { h1, h1.notion-heading { font-size: 2.25rem !important } } h2, h2.notion-heading { text-align: center; font-size: 1.725rem !important } h3, h3.notion-heading { font-size: 1.1875rem !important; letter-spacing: .1rem !important } .notion-semantic-string .link { opacity: 1 !important } .notion-checkbox.checked { background-color: var(--heading-color) !important } .notion-checkbox.checked>svg { fill: var(--bg) !important } .notion-checkbox { color: var(--heading-color) !important } .notion-toggle .notion-toggle__summary:hover:before { background: var(--accent-bg) !important } .notion-caption { color: var(--text-color) !important; font-size: 12px !important; text-align: center !important } .super-content .notion-collection .notion-collection__header { display: none } .notion-collection-gallery { border-top: 0 !important; padding-top: 0 !important } .notion-collection-gallery .notion-property__title__icon-wrapper { } .notion-collection-gallery.large, .notion-collection-gallery.medium, .notion-collection-gallery.small { grid-template-columns: 1fr !important } .notion-collection-gallery.large .notion-collection-card { min-height: 480px } .notion-collection-gallery.large .notion-collection-card__content { padding: 0 24px; } .notion-collection-gallery.large .notion-property.notion-property__title { font-size: 1.5rem; padding-bottom: 28px } .notion-collection-gallery.large .notion-property.notion-property__date .date { font-size: .9rem } .notion-collection-gallery.medium .notion-collection-card { min-height: 360px } .notion-collection-gallery.medium .notion-collection-card__content { padding: 0 18px } .notion-collection-gallery.medium .notion-property.notion-property__title { font-size: 1.35rem; padding-bottom: 18px } .notion-collection-gallery.medium .notion-property.notion-property__date .date { font-size: .9rem } .notion-collection-gallery.small .notion-collection-card { min-height: 180px; max-height: 180px; } .notion-collection-gallery.small .notion-collection-card__content { padding: 0 16px } .notion-collection-gallery.small .notion-property.notion-property__title { font-size: 0.85rem; padding-bottom: 16px } .notion-collection-gallery.small .notion-property.notion-property__date .date { font-size: .85rem } .notion-collection-gallery .notion-collection-card { box-shadow: none !important; display: flex; flex-direction: column-reverse; transition: transform .45s !important } .notion-collection-gallery .notion-collection-card:hover { transform: scale(1.0) !important; -webkit-transform: scale(1.005) !important; transition: transform .4s !important } .notion-collection-gallery .notion-collection-card:before { background: linear-gradient(rgba(0, 0, 0, .5), transparent); content: ""; height: 45%; position: absolute; top: 0; width: 100%; z-index: 1 } .notion-collection-gallery .notion-collection-card:after { background: linear-gradient(transparent, rgba(0, 0, 0, .8)); content: ""; height: 60%; position: absolute; width: 100%; z-index: 1 } .notion-collection-gallery .notion-collection-card .notion-collection-card__cover { min-height: 100%; position: absolute; width: 100% } .notion-collection-gallery .notion-collection-card .notion-collection-card__content { display: flex; flex-direction: column-reverse } .notion-collection-gallery .notion-property.notion-property__title { color: var(--gallery-heading-color) !important; line-height: 1.25 !important } .notion-collection-gallery .notion-property.notion-property__date .date { color: var(--gallery-heading-color) !important } .notion-collection-gallery .notion-property.notion-property__select { position: absolute; top: 16px } .notion-collection-gallery .notion-property.notion-property__select .notion-pill { background-color: hsla(0, 0%, 100%, .1) !important; color: var(--gallery-heading-color) !important } @media (min-width:460px) { .notion-collection-gallery.small { grid-template-columns: 1fr 1fr !important } } @media (min-width:620px) { .notion-collection-gallery.medium { grid-template-columns: 1fr 1fr !important } .notion-collection-gallery.small { grid-template-columns: 1fr 1fr 1fr !important } } @media (min-width:1000px) { .notion-collection-gallery.large { grid-template-columns: repeat(1, 1fr) !important } .notion-collection-gallery.medium { grid-template-columns: repeat(3, 1fr) !important } .notion-collection-gallery.small { grid-template-columns: repeat(3, 1fr) !important } } .notion-collection-list { border: 1px solid var(--border) !important; border-radius: var(--card-border-radii) !important; padding: 0 !important; } .notion-collection-list__item { border-bottom: 1px solid var(--border) !important; border-radius: 0 !important; margin: 0 !important; padding: 50px 16px !important } .notion-collection-list__item:last-of-type { border-bottom: 0 !important } .notion-collection-list__item:hover { background-color: var(--accent-bg) !important } .notion-collection-list__item .notion-property.notion-property__title { color: var(--heading-color) !important; margin: 0 0 8px !important } .notion-collection-list__item .notion-property.notion-property__title .notion-property__title__icon-wrapper { } .notion-collection-list__item .notion-property.notion-property__text { margin: 0 0 12px !important; max-width: none !important; padding: 0 !important; white-space: normal !important } .notion-collection-list__item .notion-property.notion-property__date { left: 16px; padding: 0; position: absolute !important; top: 16px } .notion-collection-list__item .notion-property.notion-property__select { bottom: 16px; display: flex !important; gap: 6px; left: 16px; padding: 0; position: absolute !important } .notion-collection-list__item .notion-property.notion-property__select .notion-pill { margin: 0 !important; padding-block: 4px !important } @media (min-width:768px) { .notion-collection-list__item { align-items: flex-start !important; display: flex !important; flex-direction: column !important; padding: 24px 16px !important } .notion-collection-list__item .notion-property.notion-property__title { margin: 0 0 4px !important } .notion-collection-list__item .notion-property.notion-property__text { margin: 0 !important; max-width: 750px !important } .notion-collection-list__item .notion-property.notion-property__date { bottom: auto !important; left: auto !important; right: 16px !important; top: calc(50% - 18px) !important; transform: translateY(-50%) !important } .notion-collection-list__item .notion-property.notion-property__select { bottom: auto !important; left: auto !important; padding: 0 !important; right: 16px !important; top: calc(50% + 8px) !important; transform: translateY(-50%) !important } } .notion-callout { border-radius: 8px !important; font-size: 14px !important; line-height: 1; margin: 0; a:link { text-decoration: none; } } .notion-callout__icon { } .notion-callout__content { margin: 20 !important } .notion-quote { border-left: 2px solid var(--border) !important; color: var(--text-color) !important; font-size: 16px !important; font-style: italic !important; line-height: 1.5 !important; padding-left: 16px !important } .notion-collection-table__wrapper { border: 1px solid var(--border); border-radius: var(--collection-table-border-radii) !important } .notion-collection-table { border-top: 0 !important; margin-bottom: 0 !important } .notion-collection-table__head-cell { border-top: 0 !important; padding-block: 8px !important } .notion-collection-table__cell, .notion-collection-table__head-cell { padding-inline: 12px !important; vertical-align: middle !important } .notion-collection-table__body tr:last-child .notion-collection-table__cell { border-bottom: 0 !important } .notion-pill { -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); border-radius: 4px !important; color: var(--heading-color) !important; padding: 6px 10px !important } .notion-bookmark { background-color: transparent !important; border: 1px solid var(--border) !important; border-radius: 4px !important; overflow: hidden !important } .notion-bookmark .notion-bookmark__cover { flex: none !important; padding: 4px !important; width: 200px !important } .notion-bookmark .notion-bookmark__cover picture { border-radius: 8px; display: block; height: 100%; overflow: hidden } .notion-bookmark:hover { background-color: var(--accent-bg) !important } .token { background: none !important; background-color: none !important } .token.cdata, .token.comment, .token.doctype, .token.prolog { color: #71717a !important } .token.punctuation { color: var(--text-color) !important } .token.boolean, .token.char, .token.constant, .token.deleted, .token.property, .token.string, .token.symbol, .token.tag { color: #22c55e !important } .token.attr-value, .token.builtin, .token.inserted { color: #ec4899 !important } .language-css .token.string, .style .token.string, .token.entity, .token.number, .token.operator, .token.url { color: #eab308 !important } .token.atrule, .token.attr-name, .token.keyword, .token.selector { color: #6366f1 !important } .token.class-name, .token.function { color: #ec4899 !important } .token.important, .token.regex { color: #eab308 !important } .notion-code code[class*=language-], .notion-code pre[class*=language-] { color: var(--text-color) !important; font-size: 14px !important; -moz-tab-size: 2 !important; -o-tab-size: 2 !important; tab-size: 2 !important; text-shadow: none !important } .notion-code pre::-webkit-scrollbar { display: none !important } .notion-code code { background-color: transparent !important } .notion-code pre { -ms-overflow-style: none !important; background: var(--code-block-bg) !important; border: 1px solid var(--border) !important; border-radius: 16px !important; padding: 16px 20px !important; scrollbar-width: none !important } .notion-text .code { background-color: var(--code-inline-bg) !important; border: 1px solid var(--code-inline-border) !important; color: var(--code-inline-color) !important } [id*=page-] .notion-header { display: none !important } [id*=page-].super-content { padding-top: 80px !important } .notion-header .notion-header__cover.has-cover span, .notion-header .notion-header__cover.has-cover span img { position: static !important } .notion-header .notion-header__cover.has-cover span img { height: auto !important; width: auto !important } .notion-table-of-contents li { margin-bottom: 2px } .notion-table-of-contents li:hover { background-color: transparent !important } .notion-table-of-contents li:hover>a>div { background-color: var(--accent-bg); border-radius: 6px; text-decoration: underline !important } .notion-table-of-contents__item>a>div { color: var(--heading-color); padding: 4px 12px !important; text-decoration: none !important } .notion-text__content .highlighted-background .notion-link { background-color: var(--cta-bg); border: 0 !important; border-radius: 8px; color: var(--cta-color); display: inline-block; font-weight: 600; padding: 16px 24px; text-decoration: none !important } .notion-text__content .highlighted-background .notion-link:hover { background-color: var(--cta-hover-bg) } #page-index .notion-header { display: none !important } #page-index .super-content { padding-top: 120px !important } #page-index h3, #page-index h3.notion-heading { margin-bottom: .85rem !important; opacity: .68 !important; text-transform: uppercase !important } [id*=page-blog-] .notion-header, [id*=page-projects-] .notion-header { display: flex !important; flex-direction: column; margin-bottom: 0 !important } [id*=page-blog-] .notion-header .notion-header__content, [id*=page-projects-] .notion-header .notion-header__content { order: 1; padding: 0 !important; text-align: center } [id*=page-blog-] .notion-header .notion-header__cover, [id*=page-projects-] .notion-header .notion-header__cover { order: 2 } [id*=page-blog-] .notion-header .notion-header__cover.has-cover, [id*=page-projects-] .notion-header .notion-header__cover.has-cover { border-radius: 16px; height: auto !important; margin: 48px auto 0; max-height: 650px; max-width: 1200px; min-height: auto !important; width: 100% } [id*=page-blog-] .notion-header .notion-header__cover.has-cover div, [id*=page-projects-] .notion-header .notion-header__cover.has-cover div { display: flex !important } @media (max-width:600px) { [id*=page-blog-] .notion-header .notion-header__cover.has-cover, [id*=page-projects-] .notion-header .notion-header__cover.has-cover { max-height: 450px } } [id*=page-blog-] .notion-header .notion-header__cover.has-cover div, [id*=page-projects-] .notion-header .notion-header__cover.has-cover div { height: 100% } [id*=page-blog-] .notion-header .notion-header__cover.has-cover div img, [id*=page-projects-] .notion-header .notion-header__cover.has-cover div img { -o-object-fit: cover; object-fit: cover } [id*=page-blog-] .notion-root, [id*=page-projects-] .notion-root { padding-top: 40px !important } [id*=page-blog-] .notion-root>:not(.notion-image), [id*=page-projects-] .notion-root>:not(.notion-image) { margin-left: auto; margin-right: auto; max-width: 900px !important; width: 100% } [id*=page-blog-] h2.notion-heading, [id*=page-projects-] h2.notion-heading { margin-bottom: .65rem !important } [id*=page-blog-] .notion-root h3, [id*=page-blog-] .notion-root h3:first-of-type, [id*=page-projects-] .notion-root h3, [id*=page-projects-] .notion-root h3:first-of-type { color: var(--heading-color); margin-bottom: .5rem !important; opacity: 1 !important; text-transform: none !important } @media (min-width:768px) { :is([id*=page-projects-], [id*=page-blog-]) .notion-header .notion-header__cover.has-cover { width: 90% } } #page-about .notion-header { display: none !important } #page-about .super-content { padding-top: 120px !important } #page-about h3, #page-about h3.notion-heading { margin-bottom: .85rem !important; opacity: .68 !important; text-transform: uppercase !important } .super-root:not(.page__index) .notion-header__title { text-align: center !important; width: 100% !important; } .super-root:not(.page__index) .notion-dropdown__option-list { justify-content: center !important; } .parent-page__posts .super-content { max-width: 740px !important; } .parent-page__posts .notion-bulleted-list, .parent-page__posts .notion-numbered-list, .parent-page__posts .notion-to-do, .parent-page__posts .notion-callout { font-size: 1.2rem !important; } .parent-page__posts .notion-text__content { font-size: 1.2rem !important; } .parent-page__posts .notion-text__content * { line-height: 1.4 !important; } .parent-page__posts .notion-image.page-width { max-width: 120% !important; width: 120% !important; } .parent-page__posts .notion-header__content.max-width { max-width: 840px !important; } .parent-page__posts .notion-property__person > .notion-semantic-string > span { margin: 0 !important; } .parent-page__posts .notion-page__property { display: flex !important; width: fit-content !important; margin: 0 auto !important; } .notion-dropdown__menu-header, .notion-dropdown__option-icon, .notion-dropdown__button svg:first-of-type { display: none !important; } @media all and (min-width: 576px) { .notion-dropdown { width: 100% !important; z-index: 1 !important; margin-bottom: 16px !important; } .notion-dropdown__button { justify-content: space-between !important; width: 100% !important; border: 1px solid var(--color-border-default) !important; padding: 10x !important; border-radius: 8px !important; } .notion-dropdown__menu-wrapper { position: relative !important; } .notion-dropdown__menu-wrapper .notion-dropdown__menu { width: 100% !important; border-radius: 8px !important; transform: none !important; left: auto !important; top: auto !important; } .notion-dropdown__menu-wrapper .notion-dropdown__menu .notion-dropdown__option-list { padding: 0px !important; flex-wrap: wrap !important; } .notion-dropdown__menu-wrapper .notion-dropdown__menu .notion-dropdown__option { padding: 5px 10px !important; } .notion-dropdown__button { display: none !important; } .notion-dropdown__menu.initial-state { z-index: 1 !important; opacity: 1 !important; transform: none !important; } .notion-dropdown__menu.animate-in.animate-out, .notion-dropdown__menu.animate-in, .notion-dropdown__menu.animate-out { animation: none !important; } .notion-dropdown__menu { width: 80% !important; margin: 0 auto !important; background: none !important; box-shadow: unset !important; position: relative !important; } .notion-dropdown__menu .notion-dropdown__option-list { display: flex !important; gap: 8px !important; } .notion-dropdown__menu .notion-dropdown__option.active { font-weight: bold; text-decoration: underline; !important; border: 4px solid var(--picker-active-border-color) !important; } .notion-dropdown__menu .notion-dropdown__option.active p { color: var(--picker-active-text-color) !important; } p { font-size: 1rem !important; letter-spacing: -0.3px !important; color: var(--picker-text-color) !important; } }

Using CapsLock as a modifier with AutoHotKey