body{ background: inherit; background-color: white; background-repeat: no-repeat; background-attachment: fixed; font-family: Fira; } header{ background: var(--shading); background-color: var(--azure); color: #D8D8D8; font-size: 2.1rem; font-family: Beleren; } .silver-text, .nav-text{ background: var(--silver); background-clip: text; -webkit-background-clip: text; -moz-background-clip: text; -moz-text-fill-color: transparent; -webkit-text-fill-color: transparent; } nav{ background: var(--silver); font-size: 1.15rem; font-family: Beleren; } main{ background-color: white; color: black; font-size: 1rem; line-height:normal; font-family: Fira; text-align: justify; } footer{ background-color: var(--charcoal); color: white; font-size: 1rem; } .copyright{ font-size:0.7rem; } a{ color:var(--azure); text-decoration:underline; } .nav-tab{ background: var(--shading); background-color: var(--azure); --border-color: var(--charcoal); --border-size: 0.08rem; border-left: var(--border-size) solid var(--border-color); border-right: var(--border-size) solid var(--border-color); border-top: var(--border-size) solid var(--border-color); border-bottom: var(--border-size) solid var(--border-color); border-radius: 0.6rem; } .nav-tab:hover{ background: var(--shading-light); background-color: var(--azure); } .nav-tab:active{ background: var(--shading-dark); background-color: var(--azure); } h1{ text-align:left; /*margin-left:auto; margin-right:auto;*/ font-size:1.6rem; } h2{ text-align:left; /*margin-left:auto; margin-right:auto;*/ font-size:1.35rem; margin-top:1em; margin-bottom:0.5em; } h3{ font-size:1.2rem; } hr{ border-top: 0.125rem solid black; } ul{ list-style-type: disc; } ul li ul{ list-style-type: circle; /*Nested list*/ } ul li ul li ul{ list-style-type: square; /*Nested list*/ } u{ text-underline-offset: 0.15em; /*Without this, underlines won't show under descender characters (g,y,j,p,q)*/ } summary{ --border-color: var(--charcoal); --border-size: 0.1em; border-left: var(--border-size) solid var(--border-color); border-right: var(--border-size) solid var(--border-color); border-top: var(--border-size) solid var(--border-color); border-bottom: var(--border-size) solid var(--border-color); border-radius: 0.4rem; padding-left:0.4rem; padding-right:0.4rem; } summary.heading{ background: var(--silver-right); } .no-highlight{ user-select:none; -webkit-tap-highlight-color: rgba(0,0,0,0); -webkit-tap-highlight-color: transparent; }