:root
    --main-color $color_main
    --bg-color $color_background
    --bg-content-color $color_card
    --bg-menu #eceef2
    --bg-tag-color $color_tags_block
    --bg-code $color_codeblock
    --bg-codeblock #f8f8f8
    --body-color $color_font
    --title-color $color_title
    --border-color $color_border
    --space $space_main
    --content-width $max_width_main

::-webkit-scrollbar 
    width .55rem !important
    height .40rem !important
    background 0 0 !important

::-webkit-scrollbar-thumb
    background #b5b5b5 !important

@media screen and (max-width: 762px)
    ::-webkit-scrollbar 
        width .25rem !important
        height .16rem !important

html, body
    scroll-behavior smooth

body
    --base-font-size $fontsize
    font-size var(--base-font-size)
    font-weight 400
    font-family -apple-system,BlinkMacSystemFont,Segoe UI,Helvetica,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji
    background-color var(--bg-color)
    color var(--body-color)
    -webkit-transition color 0.6s, background-color 0.6s
    -o-transition color 0.6s, background-color 0.6s
    transition color .6s,background-color .6s
    margin 0
    padding 0
    line-height $lineheight

::selection
    color $color_card
    background-color $color_selection

::-moz-selection
    color $color_card
    background-color $color_selection

@media screen and (max-width:650px)
    body
        --space $space_sm

article
aside
figure
details
footer
header
nav
section
    display block

.main
    margin 0 auto
    padding 1.5vw 12px 0

    &.tagscloud
    &.links 
        margin 0 auto
        max-width 1024px