2 lines
1.3 KiB
CSS
2 lines
1.3 KiB
CSS
|
:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0}button{border:5px solid crimson;background-color:transparent;border-radius:0;color:inherit}button:hover,button:focus{border-color:#fff;background-color:#ffffff1a}header{background-color:#dc143c}h1,h2{font-size:1em;margin:0;text-wrap:balance}main{min-width:100vw;min-height:100vh;display:grid;gap:1em;padding:1em;box-sizing:border-box;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(7,1fr)}output{background:#00000040;display:grid;grid-column:1 / 4;grid-row:2 / 4;grid-template:subgrid / subgrid;font-size:2em}output>span{grid-column:1 / 6;grid-row:1 / 2;text-align:right}output>span:before{content:"=";color:#888}output>span:after{content:"%";color:#888}form{background:#ffffff40;display:grid;grid-column:1 / 4;grid-row:4 / 8;grid-template:subgrid / subgrid}input{max-width:4em;display:block}header{display:grid;grid-column:1 / 4;grid-row:1 / 1;grid-template:subgrid / subgrid}h1{grid-column:2 / 4}.gender.svelte-5wgr0y{grid-column:1 / 2;grid-row:1 / 4}nav.svelte-1mcqfv8{display:grid;grid-template:subgrid / subgrid;grid-column:2 / 2;grid-row:2 / 6}
|