:root { /* Layout */ --padding-layout: 0.6rem; --border-radii-layout: 18px; --border-thickness-layout: 1px; --border-type-layout: solid; --border-layout: var(--border-thickness-layout) var(--border-type-layout) var(--color-border-default); --layout-max-width: 1200px; --column-spacing: 21px; --page-display: flex; --padding-right: calc(env(safe-area-inset-right) + 96px); --padding-left: calc(env(safe-area-inset-left) + 96px); --padding-right-mobile: calc(env(safe-area-inset-right) + 24px); --padding-left-mobile: calc(env(safe-area-inset-left) + 24px); /* Header */ --header-cover-height: 40vh; --header-title-align: center; --header-icon-align: -112px 0 0 0; --header-display: block; /* Collection header */ --collection-header-border: var(--border-layout); /* Collection table */ --collection-table-cell-padding: calc(var(--padding-layout) - 0.3rem) calc(var(--padding-layout) - 0.1rem); /* Collection list */ --collection-list-item-padding: calc(var(--padding-layout) - 0.5rem); --collection-list-item-border-radii: calc( var(--border-radii-layout) - 1px ); /* Collection card */ --collection-card-padding: 0px; --collection-card-title-padding: 0px; --collection-card-content-padding: var(--padding-layout); --collection-card-border-radii: var(--border-radii-layout); --collection-card-gap: 1px; --collection-card-shadow: rgba(0, 0, 0, 0.16) 0px 10px 20px -6px; --collection-card-title-size: 0.816rem; --collection-card-cover-height-small: 230px; --collection-card-cover-size-small: 172px; --collection-card-cover-height-medium: 192px; --collection-card-cover-size-medium: 260px; --collection-card-cover-height-large: 249px; --collection-card-cover-size-large: 320px; --collection-card-icon-display: inline-flex; /* Callout */ --callout-padding: calc(var(--padding-layout) + 0.4rem) calc(var(--padding-layout) + 0.4rem) calc(var(--padding-layout) + 0.4rem) calc(var(--padding-layout) + 0.1em); --callout-border-radii: calc(var(--border-radii-layout) - 2px); --callout-border: var(--border-layout); --callout-icon-display: block; --callout-shadow: rgba(0, 0, 0, 0.12) 0px 4px 8px -2px; /* File */ --file-border-radii: calc(var(--border-radii-layout) - 2px); /* Equation */ --equation-border-radii: calc(var(--border-radii-layout) - 2px); /* Divider */ --divider-border: var(--border-layout); /* Quote */ --quote-border: calc(var(--border-thickness-layout) + 2px) solid currentcolor; /* Code */ --code-padding: calc(var(--padding-layout) + 1.4rem); --code-border-radii: var(--border-radii-layout); /* Tweet */ --tweet-padding: calc(var(--padding-layout) + 0.65rem) calc(var(--padding-layout) + 0.65rem) calc(var(--padding-layout) + 0.05rem) calc(var(--padding-layout) + 0.65rem); --tweet-border-radii: var(--border-radii-layout); --tweet-border: var(--border-layout); /* Bookmark */ --bookmark-padding: calc(var(--padding-layout) + 0.15rem) 0px calc(var(--padding-layout) + 0.025rem) calc(var(--padding-layout) + 0.275rem); --bookmark-border-radii: var(--border-radii-layout); --bookmark-border: var(--border-layout); --bookmark-image-border-radii: 0px calc(var(--border-radii-layout) - 1px) calc(var(--border-radii-layout) - 1px) 0px; /* Embed */ --embed-border-radii: calc(var(--border-radii-layout) - 5px); /* Image */ --image-border-radii: calc(var(--border-radii-layout) - 5px); /* Typography */ --title-size: 1.72rem; --quote-size: 0.87rem; --quote-size-large: 1.09rem; --heading-size: 1.03rem; --primary-font: Cormorant Garamond, Cormorant Garamond-fallback, Helvetica, Apple Color Emoji, Segoe UI Emoji, NotoColorEmoji, Noto Color Emoji, Segoe UI Symbol, Android Emoji, EmojiSymbols, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Noto Sans, sans-serif; --secondary-font: Cormorant Garamond, Cormorant Garamond-fallback, Helvetica, Apple Color Emoji, Segoe UI Emoji, NotoColorEmoji, Noto Color Emoji, Segoe UI Symbol, Android Emoji, EmojiSymbols, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Noto Sans, sans-serif; --text-weight: 400; --heading-weight: 600; --heading1-size: calc(var(--heading-size) * 1.875); --heading2-size: calc(var(--heading-size) * 1.5); --heading3-size: calc(var(--heading-size) * 1.25); --heading4-size: calc(var(--heading-size) * 1); --heading5-size: calc(var(--heading-size) * 0.8125); /* Scrollbars */ --scrollbar-width: 15px; /* Navbar */ --navbar-height: 51px; --navbar-shadow: rgba(0, 0, 0, 0.41) 0px 4px 8px -2px; --navbar-button-border-radii: 50px; --navbar-list-width-single-column: 320px; --navbar-list-width: 620px; /*Sidebar*/ --sidebar-width: 98px; --sidebar-shadow: rgba(0, 0, 0, 0.54) 4px 0px 8px -2px; } html { scroll-padding-top: 57px; } body { font-family: var(--secondary-font); } :root { --primary-color: #3B9DEF !important; }