*

-webkit-tap-highlight-color: rgba(0, 0, 0, 0)

html

color: #232333
font-family: 'Roboto Mono', monospace
font-size: 15px
line-height: 1.6em

body

display: block
margin: 8px

::selection

background: $maincolor
color: white

p

font-family: 'Fira Sans', sans-serif
line-height: 1.5

hr

// border: 0
border-top: 1px dotted $bordercl
margin: 1em 0

blockquote

border-left: 3px solid $bordercl
color: #737373
margin: 0
padding-left: 1em

a

border-bottom: 3px solid $maincolor
color: inherit
text-decoration: none
&.footnote
    border-bottom: 2px solid lighten($maincolor, 20%)

a:hover

background-color: $hovercolor
color: #fff

ul

list-style: none
padding-left: 2ch

ul li

text-indent: -2ch

ul > li::before

content: '* '
font-weight: bold

/* Images */ img

border: 3px solid #ececec
max-width: 100%

figure

box-sizing: border-box
display: inline-block
margin: 0
max-width: 100%

figure img

max-height: 500px

@media screen and (min-width: 600px) figure

padding: 0 40px

figure h4

font-size: 1rem
margin: 0
margin-bottom: 1em

figure h4::before

content: '↳ '

figure.highlight

display: flex
justify-content: flex-start

// TITLES

h1, h2, h3, h4, h5, h6

font-size: 1.5rem
margin-top: 2em

h2

font-size: 1.2rem

h3, h4, h5, h6

font-size:  1.05rem

h6

color: #525252

h1::before

content: '# '

h2::before

content: '## '

h3::before

content: '### '

h4::before

content: '#### '

h5::before

content: '##### '

h6::before

content: '###### '

h1::before

h2::before,

h3::before,

h4::before,

h5::before,

h6::before,

color: darken($maincolor,5% )

/* table */ table

border-spacing: 0
border-collapse: collapse

table th

padding: 6px 13px
border: 1px solid #dfe2e5
font-size: large

table td

padding: 6px 13px
border: 1px solid #dfe2e5

.tags li::before

content: "🏷 "

// .tags a // border-bottom: 3px solid $maincolor

// &:hover // color: white // background-color: $hovercolor

.meta

display: inline
color: #999
letter-spacing: -0.5px

.light-hr

// border: 3px
$light-hr-color: #00000065
border-top-width: 3px 
border-top-color: $light-hr-color
border-top-style: none
margin: 1em 0

&.no-margin
    margin: 0.1rem
    border-top-color: #111 // transparentize($light-hr-color, 0)