1 line
5.5 KiB
CSS
1 line
5.5 KiB
CSS
:root{--ivory:#fefdfc;--ivory-shade:#ecebea;--sand:#f7f4ef;--sand-shade:#b9b7b3;--charcoal:#181818;--charcoal-shade:#2a2a2a;--forest:#053f0a;--forest-shade:#f6fff6;--clay:#fa3812;--clay-shade:#ffefec;--sea:#1253fa;--sea-shade:#f0f8ff;--grey-700:#565656;--grey-600:#747474;--grey-500:#a3a3a3;--grey-400:#d1d1d1}:root .theme-light{--theme-bg:#fefdfc;--theme-fg:#181818;--theme-layout:#f7f4ef;--theme-grey:#747474;--theme-shade:#ecebea;--theme-contrast:#fa3812}:root .theme-dark{--theme-bg:#181818;--theme-fg:#fefdfc;--theme-layout:#f7f4ef;--theme-grey:#a3a3a3;--theme-shade:#2a2a2a;--theme-contrast:#fa3812}:root{--ease-in-quad:cubic-bezier(.55, .085, .68, .53);--ease-in-cubic:cubic-bezier(.55, .055, .675, .19);--ease-in-quart:cubic-bezier(.895, .03, .685, .22);--ease-in-quint:cubic-bezier(.755, .05, .855, .06);--ease-in-expo:cubic-bezier(.95, .05, .795, .035);--ease-in-circ:cubic-bezier(.6, .04, .98, .335);--ease-out-quad:cubic-bezier(.25, .46, .45, .94);--ease-out-cubic:cubic-bezier(.215, .61, .355, 1);--ease-out-quart:cubic-bezier(.165, .84, .44, 1);--ease-out-quint:cubic-bezier(.23, 1, .32, 1);--ease-out-expo:cubic-bezier(.19, 1, .22, 1);--ease-out-circ:cubic-bezier(.075, .82, .165, 1);--ease-in-out-quad:cubic-bezier(.455, .03, .515, .955);--ease-in-out-cubic:cubic-bezier(.645, .045, .355, 1);--ease-in-out-quart:cubic-bezier(.77, 0, .175, 1);--ease-in-out-quint:cubic-bezier(.86, 0, .07, 1);--ease-in-out-expo:cubic-bezier(1, 0, 0, 1);--ease-in-out-circ:cubic-bezier(.785, .135, .15, .86)}:where(:not(html,iframe,canvas,img,svg,video,audio):not(svg *,symbol *)){all:unset;display:revert}*,:before,:after{box-sizing:border-box}a,button{cursor:revert}img{max-block-size:100%;max-inline-size:100%}table{border-collapse:collapse}input,textarea{-webkit-user-select:auto}textarea{white-space:revert}meter{appearance:revert}:where(pre){all:revert}::placeholder{color:unset}::marker{content:initial}:where([hidden]){display:none}:where([contenteditable]:not([contenteditable=false])){-moz-user-modify:read-write;-webkit-user-modify:read-write;overflow-wrap:break-word;-webkit-line-break:after-white-space;-webkit-user-select:auto}:where([draggable=true]){-webkit-user-drag:element}:where(dialog:modal){all:revert}@font-face{font-family:Instrument Serif;font-style:italic;font-weight:400;src:url(/drops/noise-shader/assets/instrument-serif-italic-Cnq-0GR0.woff2)format("woff2"),url(/drops/noise-shader/assets/instrument-serif-italic-CpREEq8K.woff)format("woff")}@font-face{font-family:Hanken Grotesk;font-style:normal;font-weight:400;src:url(/drops/noise-shader/assets/hanken-grotesk-BB3emo1n.woff2)format("woff2"),url(/drops/noise-shader/assets/hanken-grotesk-NweiADIQ.woff)format("woff")}@font-face{font-family:Hanken Grotesk;font-style:italic;font-weight:400;src:url(/drops/noise-shader/assets/hanken-grotesk-italic-jl8TIPSn.woff2)format("woff2"),url(/drops/noise-shader/assets/hanken-grotesk-italic-C_HjJa0S.woff)format("woff")}@font-face{font-family:Hanken Grotesk;font-style:normal;font-weight:600;src:url(/drops/noise-shader/assets/hanken-grotesk-semibold-TK-BXOrb.woff2)format("woff2"),url(/drops/noise-shader/assets/hanken-grotesk-semibold-vPR5A_Tb.woff)format("woff")}@font-face{font-family:Iosevka Charon Mono;font-style:normal;font-weight:700;src:url(/drops/noise-shader/assets/iosevka-charon-mono-bold-1nweGISG.woff2)format("woff2"),url(/drops/noise-shader/assets/iosevka-charon-mono-bold-DN5oOlAE.woff)format("woff")}:root{--font-serif:"Instrument Serif", serif;--font-sans:"Hanken Grotesk", sans-serif;--font-mono:"Iosevka Charon Mono", monospace;--layout-column-count:12;--layout-column-gap:20px;--layout-margin:20px;--layout-width:calc(100vw - (2 * var(--layout-margin)));--layout-column-width:calc(( var(--layout-width) - ((var(--layout-column-count) - 1) * var(--layout-column-gap)) ) / var(--layout-column-count))}.layout-block,.layout-grid{padding-left:var(--layout-margin);padding-right:var(--layout-margin);width:100%}.layout-grid{grid-template-columns:repeat(var(--layout-column-count), minmax(0, 1fr));grid-gap:var(--layout-column-gap);display:grid}html,html *{scrollbar-width:none!important;-ms-overflow-style:none!important}html::-webkit-scrollbar{width:0!important;height:0!important}html ::-webkit-scrollbar{width:0!important;height:0!important}:root{font-family:var(--font-sans), Inter, system-ui, Avenir, Helvetica, Arial, sans-serif;background:var(--ivory);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{min-height:100vh;margin:0}.h1,h1{font-family:var(--font-serif);font-size:max(8vw,128px);font-style:italic;font-weight:400;line-height:1}.h2,h2{font-family:var(--font-serif);font-size:max(4vw,64px);font-style:italic;font-weight:400;line-height:1}.h3,h3{font-family:var(--font-serif);font-size:max(3vw,48px);font-style:italic;font-weight:400;line-height:1}.h4,h4{font-family:var(--font-serif);font-size:max(2vw,32px);font-style:italic;font-weight:400;line-height:1}.p,p,a,li{font-family:var(--font-sans);font-size:max(1vw,16px);font-weight:400;line-height:1.25}.label,label,button,pre{font-family:var(--font-mono);text-transform:uppercase;font-size:max(.875vw,14px);font-weight:700;line-height:1}.bold{font-weight:700}#app{min-height:100vh}button{cursor:pointer}::selection{color:var(--theme-bg);background:var(--theme-fg)}::selection{color:var(--theme-bg);background:var(--theme-fg)}.webgl-canvas{position:absolute;inset:0}.webgl-canvas:not(.controls){pointer-events:none}.webgl-canvas:not(.controls) .sticky canvas{pointer-events:none!important}.noise-shader{height:100%}main.drop{background:var(--theme-bg);color:var(--theme-fg);height:100vh}
|