1 line
6.3 KiB
CSS
1 line
6.3 KiB
CSS
|
.container,.container-left{position:relative;max-width:37.5rem;margin:0 auto}.column,.container,.container-left{width:100%;box-sizing:border-box}body,ol,ul{margin:0;padding:0}*,.button,.column,.container,.container-left,::after,::before,button{box-sizing:border-box}.avatar{object-fit:cover}ol,ul{list-style:none}@font-face{font-family:"IBM Plex Sans";src:url(fonts/IBMPlexSans.ttf)}@font-face{font-family:"IBM Plex Mono";src:url(fonts/IBMPlexMono.ttf)}blockquote,body,dd,dl,figure,h1,h2,h3,h4,p{margin:0}html:focus-within{scroll-behavior:smooth}body{min-height:100vh;text-rendering:optimizeSpeed;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}img,picture{max-width:100%;display:block}button,input,select,textarea{font:inherit}@media (prefers-reduced-motion:reduce){html:focus-within{scroll-behavior:auto}*,::after,::before{animation-duration:0s!important;animation-iteration-count:1!important;transition-duration:0s!important;scroll-behavior:auto!important}}:focus:not(:focus-visible){outline:0}:focus-visible{outline:#2457F5 solid 2px;outline-offset:2px}a{-webkit-touch-callout:none;color:#0085ff;text-decoration:underline}.container{padding:3rem 1.25rem 0}.container-left{text-align:left;padding:0 1.25rem}.container-left p{margin-bottom:1rem}.column{position:center;float:center}@media (min-width:25rem){.container{width:85%;padding-left:0;padding-right:0}}@media (min-width:34.375rem){.container{width:80%}.column,.column:first-child,.columns,.columns:first-child{margin-left:0}}.avatar,details.value-block ul li img,details.value-block>summary{margin-left:auto;margin-right:auto}body{background-color:#fff;color:#1a1a1a;font-family:"IBM Plex Sans",sans-serif;font-size:1.125rem;font-weight:400}.button,button{color:var(--button-text,#000);background-color:var(--button-background,transparent)}h1{margin:0 0 .5rem;font-size:3rem;letter-spacing:0;word-wrap:break-word;overflow-wrap:break-word;margin:0 0 var(--spacing-m) 0;font-size:var(--scale-5);font-weight:800;line-height:1.1;letter-spacing:-.02em;word-wrap:break-word;overflow-wrap:break-word}.container p,body{font-size:var(--scale-1);line-height:1.6}.container p{margin:0 0 2rem;margin:0 0 var(--spacing-l) 0}:root{font-size:16px;--scale-0:1rem;--scale-0a:1.125rem;--scale-1:1.125rem;--scale-2:1.563rem;--scale-3:1.953rem;--scale-4:2.441rem;--scale-5:3.052rem;--spacing-xs:0.5rem;--spacing-s:1rem;--spacing-m:1.5rem;--spacing-l:2rem;--spacing-xl:3rem;--spacing-xxl:4rem}.avatar{border-radius:50%;margin-bottom:var(--spacing-l);display:block}.container{padding:var(--spacing-xl) var(--spacing-m) 0 var(--spacing-m);text-align:center}footer{margin:var(--spacing-l) 0;font-size:var(--scale-0)}@media (max-width:34.375rem){h1{font-size:var(--scale-4)}body{font-size:var(--scale-0)}.container p{font-size:var(--scale-0a)}.avatar{margin-bottom:var(--spacing-m)}footer{margin:var(--spacing-xl) 0}h1{font-size:2rem}body{font-size:1rem}}a:hover{color:#083bda}.button,button{display:inline-flex;align-items:center;justify-content:center;width:18.75rem;min-height:3rem;padding:.75rem 1rem;font-size:1.125rem;font-weight:700;text-decoration:none;white-space:normal;border:var(--button-border,none);border-radius:.5rem;cursor:pointer;hyphens:auto;margin-bottom:1rem;text-align:center;line-height:1.3}nav,section{text-align:left}.icon{width:1.25rem;height:1.25rem;margin-right:.5rem;flex-shrink:0;filter:var(--icon-filter,none)}.avatar{width:8rem;height:8rem;background-position:center;margin-bottom:var(--spacing-l)}.avatar--rounded{border-radius:50%}:root.theme-dark{color-scheme:dark}:root.theme-dark :focus-visible{outline:#4899F7 solid 2px;outline-offset:2px}:root.theme-dark body{background-color:#121212;color:#fff}:root.theme-dark a:not(.button){color:#4899f7}:root.theme-dark a:not(.button):hover{color:#7ab8ff}:root.theme-auto{color-scheme:light dark}@media (prefers-color-scheme:dark){:root.theme-auto body{background-color:#121212;color:#fff}:root.theme-auto :focus-visible{outline:#4899F7 solid 2px;outline-offset:2px}:root.theme-auto a:not(.button){color:#4899f7}:root.theme-auto a:not(.button):hover{color:#7ab8
|