---
---

@font-face
  font-family: 'Lato'
  src: url('/assets/fonts/Lato-Regular.ttf')  format('truetype')

@font-face
  font-family: 'Lato Bold'
  src: url('/assets/fonts/Lato-Bold.ttf')  format('truetype')


$white-ter: #fafafa
$footer-background-color: $white-ter
$purple: #433983
$family-primary: 'Lato'
$family-secendary: 'Lato Bold'
$background: $white-ter
$primary: $purple


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

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

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


body.light
  color: $grey-dark
  background: $background
  with: 100%
  height: 100%
  a
    color: $primary
    &:hover
      color: lighten($primary, 30%)

  a.navlink
    border-radius: $radius
    color: $grey-dark

    &:hover
      background: $purple
      color: $light

body.dark
  color: $light
  background: $purple
  footer.footer
    background: $purple
  with: 100%
  height: 100%
  a
    color: $white

    &:hover
      color: darken($white, 30%)


  content.post
    p
      padding-top: 1em
    a
      color: $white
      font-weight: 700

    font-size: 1.3rem
    line-height: 2rem
    code.highlighter-rouge
      background: darken($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

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

    &:hover
      background: $light
      color: $grey-dark !important

  .share-page
    a
      color: $light
      border-radius: $radius

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

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

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


.cv-button
  margin-top: 3rem

.is-size-1
  font-family: 'Lato Bold' !important


span.info
  padding-right: 10px

ul.details
  a
    color: $light
    border-radius: $radius

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

  list-decoration: none
  li
    display: inline
  li.category
    padding: 0.5em