@import "./initial_fonts.styl"
@import "./initial_tables.styl"
@import "../elements/link.styl"
@import "../elements/notification.styl"

body
  background: #fff
  padding: 0
  margin: 0

html, body
  min-height: 100vh

html, body, table,
input[type="text"], input[type="date"], input[type="number"],
button, textarea, select
  font: normal 14px/1.5 'Yandex Sans Text Web', Helvetica, Arial, sans-serif
  font-smoothing: antialiased
  -moz-osx-font-smoothing: grayscale
  -webkit-font-smoothing: antialiased
  text-rendering: optimizeLegibility
  color: #000

input:focus
  outline: none

h1
  font-size: 2em
  font-weight: normal
  margin: 1em 0 .75em

  &:first-of-type
    margin-top: 0

  &:first-child
    margin-top: 0

h2
  font-size: 1.35em
  font-weight: normal
  margin: 2em 0 1.15em

  &:first-of-type
    margin-top: 1em

  &:first-child
    margin-top: 0

pre
  font: normal 12px/1.5 monospace
  white-space: pre-line

  ins
    font-style: none
    text-decoration: none
    background-color: #aafeaa

  del
    font-style: none
    text-decoration: line-through
    background-color: #ffc29b

.date, .time
  margin-right: .15rem

.time, .timezone
  white-space: nowrap
  opacity: .3

.timezone
  font-size: .7em

.hidden
  display: none

.break
  clear: both

.breakable
  word-break: break-all
  word-wrap: break-word

.dim
  opacity: .3

.aux
  font-style: italic
