@charset "utf-8"

// Import a Google Font
@import url('https://fonts.googleapis.com/css?family=Nunito:400,700')

body
  background-color: rgb(23, 24, 28)


// Set your brand colors
$purple: #8A4D76
$pink: #FA7C91
$brown: #757763
$beige-light: #D0D1CD
$beige-lighter: #EFF0EB

// Update Bulma's global variables
$family-sans-serif: "Nunito", sans-serif
$grey-dark: $brown
$grey-light: $beige-light
$primary: $purple
$link: $pink
$widescreen-enabled: false
$fullhd-enabled: false

// Update some of Bulma's component variables
$body-background-color: $beige-lighter
$control-border-width: 2px
$input-border-color: transparent
$input-shadow: none

// Import only what you need from Bulma
// @import "../node_modules/bulma/sass/utilities/_all.sass"
// @import "../node_modules/bulma/sass/base/_all.sass"
// @import "../node_modules/bulma/sass/elements/button.sass"
// @import "../node_modules/bulma/sass/elements/container.sass"
// @import "../node_modules/bulma/sass/elements/title.sass"
// @import "../node_modules/bulma/sass/form/_all.sass"
// @import "../node_modules/bulma/sass/components/navbar.sass"
// @import "../node_modules/bulma/sass/layout/hero.sass"
// @import "../node_modules/bulma/sass/layout/section.sass"

@import "../../node_modules/bulma/bulma.sass"

@import "../../node_modules/bulma-prefers-dark/bulma-prefers-dark.sass"

a.navbar-item:active,
a.navbar-item:focus,
a.navbar-item:focus-within
  background-color: hsl(0, 0%, 20%)