piquemouche/assets/css/style.css

1 line
43 KiB
CSS
Raw Normal View History

2024-03-04 10:54:11 +01:00
@font-face{font-family:Nunito;src:url('../dynamic/fonts/nunito/nunito.woff2') format('woff2 supports variations'),url('../dynamic/fonts/nunito/nunito.woff2') format('woff2-variations');font-weight:200 1000;font-display:swap;font-style:normal}@font-face{font-family:Manuale;src:url('../dynamic/fonts/manuale/manuale.woff2') format('woff2 supports variations'),url('../dynamic/fonts/manuale/manuale.woff2') format('woff2-variations');font-weight:300 800;font-display:swap;font-style:normal}:root{--page-margin:4vw;--page-width:64rem;--entry-width:48ch;--body-font:'Nunito',sans-serif;--heading-font:'Manuale',serif;--logo-font:var(--body-font);--menu-font:var(--body-font);--font-weight-normal:337;--font-weight-bold:700;--headings-weight:821;--headings-transform:none;--line-height:1.2;--hero-bg:rgba(231,215,106,0.35);--header-height:0.5rem;--hero-min-height:20rem;--hero-max-height:38rem;--hero-opacity:0;--grid-gap:0.75rem;--card-height:20rem;--card-opacity:0.25;--card-accent-opacity:0.25;--border-radius:3px;--white:#FFFFFF;--black:#000000;--dark:#111111;--gray-1:#6C6C6F;--gray-2:#747577;--light:#D5D5D5;--lighter:#F3F3F3;--color:#F8A84B;--color-rgb:248,168,75;--text-color:#784225;--headings-color:#4CAB6F;--link-color:#078F9C;--link-color-hover:#078F9C}*,:after,:before{-webkit-box-sizing:border-box;box-sizing:border-box;margin:0;padding:0}article,aside,footer,header,hgroup,main,nav,section{display:block}li{list-style:none}img{height:auto;max-width:100%;vertical-align:top}button,input,select,textarea{font:inherit}address{font-style:normal}::-moz-selection{background:var(--color);color:var(--white)}::selection{background:var(--color);color:var(--white)}html{font-size:clamp(1rem, 1rem + .2 * ((100vw - 20rem) / 46), 1.2rem);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scroll-behavior:smooth}html.no-scroll{overflow:hidden;position:fixed}body{background:var(--white);color:var(--text-color);font-family:var(--body-font);font-variation-settings:"wght" var(--font-weight-normal);line-height:var(--line-height);overflow-x:hidden;-ms-scroll-chaining:none;overscroll-behavior:none}a{color:var(--link-color);text-decoration:none;-webkit-transition:all .12s linear 0s;transition:all .12s linear 0s}a:hover{color:var(--link-color)}a:active{color:var(--link-color)}a:focus{color:var(--link-color);outline:0}.inverse{color:var(--dark);text-decoration:none;-webkit-transition:all .12s linear 0s;transition:all .12s linear 0s}.inverse:hover{color:var(--link-color)}.inverse:active{color:var(--link-color)}.inverse:focus{color:var(--link-color);outline:0}dl,ol,p,pre,table,ul{margin-top:calc(1rem + .5vw)}blockquote,figure,hr{margin-top:calc(1rem + 1vw);margin-bottom:calc(1rem + 1vw)}h1,h2,h3,h4,h5,h6{color:var(--headings-color);font-family:var(--heading-font);font-variation-settings:"wght" var(--headings-weight);letter-spacing:.03rem;line-height:1.1;margin-top:calc(2.25rem + .5vw);text-transform:var(--headings-transform)}.h1,h1{font-size:clamp(1.6758293408rem, 1.6758293408rem + 1.1325746388 * ((100vw - 20rem) / 46), 2.8084039796rem)}.h2,h2{font-size:clamp(1.4728968807rem, 1.4728968807rem + .6965283404 * ((100vw - 20rem) / 46), 2.1694252211rem)}.h3,h3{font-size:clamp(1.2945382732rem, 1.2945382732rem + .3812910676 * ((100vw - 20rem) / 46), 1.6758293408rem)}.h4,h4{font-size:clamp(1.1377777785rem, 1.1377777785rem + .1567604947 * ((100vw - 20rem) / 46), 1.2945382732rem)}.h5,h5{font-size:clamp(1rem, 1rem + .1377777785 * ((100vw - 20rem) / 46), 1.1377777785rem)}.h6,h6{font-size:clamp(1rem, 1rem + 0 * ((100vw - 20rem) / 46), 1rem)}h1+*,h2+*,h3+*,h4+*,h5+*,h6+*{margin-top:calc(.5rem + .5vw)}b,strong{font-variation-settings:"wght" var(--font-weight-bold)}blockquote{background:rgba(0,0,0,.03);border-left:.3rem solid var(--color);font-style:italic;padding:1.5rem 1.5rem 1.5rem 1.75rem}blockquote cite{color:var(--dark);display:block;font-size:.9374999997rem;font-style:normal;font-variation-settings:"wght" var(--font-weight-bold);margin-top:.75rem}blockquote>:first-child{margin-top:0}ol,ul{margin-left:2rem}ol>li,ul>li{list-style:inherit;padding:0 0 .25rem 1