/* Default behavior for all elements */ * { /* An "!important" tag is needed on the "background-repeat" property to overrule the "background" shorthand. It can only be overruled with another "!important" */ background-repeat: no-repeat !important; box-sizing: border-box; scroll-behavior: smooth; } /* Any element with the "disabled" attribute set to "true" will become partially transparent and unclickable */ *[disabled] { opacity: 50% !important; pointer-events: none !important; } /* Removes the standard 8 pixels of margin around the */ body { margin: 0; } /* Removes the default top and bottom margins from the and

*/ h1 { margin-top: 0; margin-bottom: 0; /* A CSS bug causes the

to behave like the

when inside a
or similar container. This forces them to adopt the normal
size at all times / font-size: 2em; } h2, h3, h4, h5, h6 { margin-top: 0; margin-bottom: 0; } p { margin-top: 0; margin-bottom: 0; } address { font-style: normal; } blockquote { margin-left: 96px; margin-right: 96px; } / Makes the text inside a italic and the surrounding quotation marks non-italic / q { font-style: italic; } q::before, q::after { font-style: normal; / Changes the cursor to make the quotation marks appear like part of the text rather than pseudo-elements / cursor: text; } / When a is nested inside another one, the italics of both the text and quotation marks will be flipped so that it is always the opposite of the parent element. Valid up to three layers of nesting / / The first nested gets curly single quotes. This is already done by default by the CSS / q > q { font-style: normal; } q > q::before, q > q::after { font-style: italic; cursor: text; } q > q > q { font-style: italic; / The second nested gets straight double quotes / quotes: "\0022" "\0022"; } q > q > q::before, q > q > q::after { font-style: normal; cursor: text; } q > q > q > q { font-style: normal; / The third and final nested gets straight single quotes / quotes: "\0027" "\0027"; } q > q > q > q::before, q > q > q > q::after { font-style: italic; cursor: text; } cite { font-style: normal; } / Removes the default underline on the / ins { text-decoration: none; } mark { / Applies the custom "--yellow" to the instead of the browser default / background: var(--yellow); padding-left: .1em; padding-right: .1em; } dfn { font-style: normal; } / Forces the text in the and to be uppercase even if not typed that way and removes the default underline / acronym { text-transform: uppercase; text-decoration: none; } abbr { text-transform: uppercase; text-decoration: none; } var { color: var(--darkGray); user-select: none; } / All the same styles are given to the , , and to standardize their appearances / kbd { border-radius: .1em; background: var(--lightGray); padding-left: .1em; padding-right: .1em; border: .05em solid var(--darkGray); color: var(--darkGray); user-select: none; } code { border-radius: .1em; background: var(--lightGray); padding-left: .1em; padding-right: .1em; border: .05em solid var(--darkGray); color: var(--darkGray); } samp { border-radius: .1em; background: var(--lightGray); padding-left: .1em; padding-right: .1em; border: .05em solid var(--darkGray); color: var(--darkGray); } pre { margin-top: 0; margin-bottom: 0; } / Standardizes the sizes of the ^{and _{/ sup, sub { font-size: .5em; } / To display a fraction, give a the class "fraction" and wrap both the numerator and denominator in a of their own inside it. Do not put any other elements directly inside the outer . Any whole numbers must also go outside it. Can be nested an infinite number of times, as long as the browser can render the font sizes. This can be used as an alternative to the in MathML / span.fraction { display: inline-block; text-align: center; vertical-align: middle; } span.fraction > span { display: block; position: relative; bottom: .25em; font-size: .5em; } / Adds styles specific to the numerator / span.fraction > span:first-child { margin-bottom: -.01em; } / Adds styles specific to the denominator / span.fraction > span:last-child { border-top: .01em solid currentColor; margin-top: -.02em; } / The class "normalWeight" can be applied to a with bold text to set the "font-weight" back to "normal", like a reverse or / span.normalWeight { font-weight: normal; } / The class "normalStyle" can be applied to a with italic text to set the "font-style" back to "normal", like a reverse or / span.normalStyle { font-style: normal; } / The class "noDecoration" can be applied to a with a "text-decoration" to set it back to "none", like a reverse , , , or / span.noDecoration { text-decoration: none; } / Deals with styling the Material Icons and Material Symbols Outlined provided by Google Fonts / span.material-icons, span.material-symbols-outlined { font-size: 1em; } / Applies the custom "--blue" and "--violet" to the instead of the browser defaults / a { color: var(--blue); / Removes the default underline on the / text-decoration: none; } / The following pseudo-classes provide behavior for an with the class "defaultLink" when it is active, hovered over, or has been visited. The more specific ones have been placed farther down to ensure that they will overrule the others / a.defaultLink:visited { color: var(--violet); } a.defaultLink:hover { / Replaces the underline when an is hovered over / text-decoration: underline currentColor solid .05em; } a.defaultLink:active { color: var(--violet); } / Gives the}}