1. Use style inside of head
---------------------------
<head>
..
<style>
CSS here
</style>
..
</head>
2. Change bullet style in unnumbered lists
------------------------------------------
ul {list-style-type: circle;}
3. Use the details element
--------------------------
details>summary::-webkit-details-marker {display: none;}
details>summary::before {content: '+ ';}
details[open]>summary::before {content: circle;}
4. Set font size for document elements
--------------------------------------
body {font-size: 150%;}
h1 {font-size: 2.5em;}
h2 {font-size: 1.875em;}
p {font-size: 0.875em;}
