ReactJS
1@import url('https://fonts.googleapis.com/css2?family=Roboto&display=swap');2
3:root {4--black: #333333;5--orange: #CC6633;6--green: #A4CC33;7--whiteLightness: 100%;8--white: hsl(0, 0%, var(--whiteLightness));9--grayF4: hsl(0, 0%, calc(var(--whiteLightness) - 4%));10--greyF3: hsl(0, 0%, calc(var(--whiteLightness) - 5%));11--greyEC: hsl(0, 0%, calc(var(--whiteLightness) - 7%));12--greyD9: hsl(0, 0%, calc(var(--whiteLightness) - 15%));13--greyC4: hsl(0, 0%, calc(var(--whiteLightness) - 23%));14--grey99: hsl(0, 0%, calc(var(--whiteLightness) - 40%));15--grey66: hsl(0, 0%, calc(var(--whiteLightness) - 60%));16}
17
18body {19padding: 0;20margin: 0;21background-color: var(--grayF4);22font-size: 14px;23line-height: 16px;24font-family: 'Roboto', serif;25}
26
27* {28color: var(--black);29box-sizing: border-box;30-webkit-font-smoothing: antialiased;31-moz-osx-font-smoothing: grayscale;32}
33
34ul {35margin: 0;36padding: 0;37list-style: none;38}
39
40a {41text-decoration: none;42}
43
44button {45padding: 0;46border: 0;47background: transparent;48cursor: pointer;49}