1/* 2 * Copyright 2023 The Pigweed Authors 3 * 4 * Licensed under the Apache License, Version 2.0 (the "License"); you may not 5 * use this file except in compliance with the License. You may obtain a copy of 6 * the License at 7 * 8 * https://www.apache.org/licenses/LICENSE-2.0 9 * 10 * Unless required by applicable law or agreed to in writing, software 11 * distributed under the License is distributed on an "AS IS" BASIS, WITHOUT 12 * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. See the 13 * License for the specific language governing permissions and limitations under 14 * the License. 15 */ 16 17@import url('https://fonts.googleapis.com/css2?family=Roboto+Flex&family=Roboto+Mono:wght@400;500&display=block'); 18 19@import url('https://fonts.googleapis.com/css2?family=Material+Symbols+Rounded:opsz,wght,FILL,[email protected],100..700,0..1,-50..200&text=%EE%97%9B%EF%97%8F%EE%A1%A8%EE%A2%88%EE%97%8D%EE%85%AC%EF%82%90%EE%97%93%EE%97%94%EE%86%A2%EF%99%B6%EF%99%B4%EE%A3%AC%EF%82%83%EE%89%9B%EE%A2%B6%EE%A9%B6%EE%80%B7%EE%81%87%EF%9D%85%EE%A2%88%EE%A3%BD%EE%A2%8E%EE%97%9F&display=block'); 20 21:root { 22 background-color: #fff; 23 font-family: "Roboto Flex", Arial, sans-serif; 24 font-synthesis: none; 25 font-weight: 400; 26 line-height: 1.5; 27 text-rendering: optimizeLegibility; 28 -webkit-font-smoothing: antialiased; 29 -moz-osx-font-smoothing: grayscale; 30 -webkit-text-size-adjust: 100%; 31 /* Material component properties */ 32 --md-icon-font: 'Material Symbols Rounded'; 33 --md-icon-font-variation-settings: 'FILL' 1, 'wght' 400, 'GRAD' 200, 'opsz' 58; 34 --md-icon-size: 1.25rem; 35 --md-filled-button-label-text-type: "Roboto Flex", Arial, sans-serif; 36 --md-outlined-button-label-text-type: "Roboto Flex", Arial, sans-serif; 37 --md-icon-button-unselected-icon-color: var(--md-sys-color-on-surface-variant); 38 --md-icon-button-unselected-hover-icon-color: var(--md-sys-color-on-primary-container); 39} 40 41@media (prefers-color-scheme: dark) { 42 :root { 43 background-color: #131314; 44 } 45} 46 47* { 48 box-sizing: border-box; 49} 50 51button { 52 font-family: "Roboto Flex"; 53} 54 55main { 56 height: 100vh; 57 padding: 0.5rem; 58 width: 100vw; 59} 60 61a { 62 color: var(--md-sys-color-primary); 63 font-weight: 500; 64 text-decoration: inherit; 65} 66 67a:hover { 68 color: var(--md-sys-color-secondary); 69} 70 71body { 72 display: grid; 73 place-content: start; 74 margin: 0; 75}