@import '_variables'

*:not(hr,table,th,td)
    padding: 0
    margin: 0
    text-decoration: none
    word-wrap: break-word
    font-feature-settings: "kern" on, "liga" on
    text-rendering: optimizeLegibility

html
    font-family: "Flachbau"
    background: $dark
    color: $light
    font-size: 20px
    line-height: 1.3
    scroll-behavior: smooth

@font-face
    font-family: "Flachbau"
    src: local("fonts/Flachbau.ttf") format("truetype")
    src: url("fonts/Flachbau.ttf") format("truetype")

@font-face
    font-family: "Times New Bastard"
    src: local("fonts/tnb/TimesNewBastard-BoldItalicWeb.ttf") format("truetype")
    src: url("fonts/tnb/TimesNewBastard-BoldItalicWeb.ttf") format("truetype")
    font-weight: bold
    font-style: italic
@font-face
    font-family: "Times New Bastard"
    src: local("fonts/tnb/TimesNewBastard-BoldWeb.ttf") format("truetype")
    src: url("fonts/tnb/TimesNewBastard-BoldWeb.ttf") format("truetype")
    font-weight: bold
    font-style: normal
@font-face
    font-family: "Times New Bastard"
    src: local("fonts/tnb/TimesNewBastard-ItalicWeb.ttf") format("truetype")
    src: url("fonts/tnb/TimesNewBastard-ItalicWeb.ttf") format("truetype")
    font-weight: normal
    font-style: italic
@font-face
    font-family: "Times New Bastard"
    src: local("fonts/tnb/TimesNewBastard-RegularWeb.ttf") format("truetype")
    src: url("fonts/tnb/TimesNewBastard-RegularWeb.ttf") format("truetype")
    font-weight: normal
    font-style: normal

h1
    font-size: $h1-size
p
    margin: 1rem 0

nav ul
    padding: 0
    list-style-type: none
    // display: inline-flex

ul,ol
    margin: 1rem 0

section
    display: inline-block

// blog stuff

del
    text-decoration: line-through
    color: #555

ins
    text-decoration: none
    background-color: #d4fcbc

blockquote
    padding-left: 15px
    border-left: 5px solid #d7d7db
    font-size: 1rem

figure
    display: flex
    flex-flow: column nowrap
    align-items: center
    margin: 1rem auto
    img
        max-width: 100%

table
    background-color: $darklight
    color: $light
    border-radius: $border-radius
    th
        // border-bottom: 5px solid $dark
        text-align: left
    th, td
        padding: 1em !important

pre:has(code)
    background: $darker
    padding: .5rem
        // border-radius: $border-radius
    border: 3px solid $darklight
