---
---

@font-face
  font-family: 'Open Sans Condensed Bold'
  src: url('/assets/fonts/OpenSansCondensed-Bold.ttf')  format('truetype')

@font-face
  font-family: 'Open Sans Condensed'
  src: url('/assets/fonts/OpenSansCondensed-Light.ttf')  format('truetype')


$white-ter: #fafafa
$footer-background-color: $white-ter
$purple: #433983
$family-primary: 'Open Sans Condensed'
$background: $white-ter
$primary: $purple

html.light
  background: $background
  $background: $white-ter

html.dark
  background: $purple
  $background: $purple

@charset "utf-8"
@import "./bulma.sass"


body.light
  color: $grey-dark
  background: $background
  with: 100%
  height: 100%
  .navlink
    border-radius: $radius
    a
      color: $grey-dark

    &:hover
      background: $purple
      a
        color: $light

body.dark
  color: $light
  background: $purple
  footer.footer
    background: $purple
  with: 100%
  height: 100%
  content.post
    a
      color: $white
      font-weight: 700

    font-size: 1.3rem
    line-height: 1.5rem
    code.highlighter-rouge
      background: lighten($purple, 10%)
      color: $light
      border-radius: $radius
      padding: 0.1em 0.2em
    .highlight
      margin-top: 1em

  a.post-title-link
    color: $light
    &:hover
      text-decoration: underline

  .navlink
    border-radius: $radius
    a
      color: $light

    &:hover
      background: $light
      a
        color: $grey-dark

.column.is-flex.centered
  justify-content: center

.columns.is-flex.centered
  justify-content: center


.cv-button
  margin-top: 3rem