@use "sass:string"

@use "~@fortawesome/fontawesome-free/scss/fontawesome" as * with ( $fa-font-path: "~@fortawesome/fontawesome-pro/webfonts" )
@forward "~@fortawesome/fontawesome-free/scss/fontawesome"
@use "~@fortawesome/fontawesome-free/scss/solid"

@use "~typeface-source-sans-pro" as source-sans-pro

@use "~bootstrap/scss/bootstrap" with ( $primary: hsl(268, 20%, 34%), $navbar-toggler-padding-y: 0.5rem, $navbar-padding-x: 1rem, $font-family-sans-serif: string.unquote("\"Source Sans Pro\", system-ui, sans-serif") )


.custom-navbar-toggler-icon
  @include fa-icon-solid($fa-var-times)

  .collapsed &
    @include fa-icon-solid($fa-var-bars)

main
  margin: 1rem

footer > nav > ul
  width: 100%
  background-color: hsl(268, 20%, 34%)

  margin: 1rem 0 0 0
  padding: 1rem 0

  display: flex
  justify-content: center
  gap: 1rem

  a,a:visited,a:hover,a:active
    text-decoration: none
    color: white
    opacity: 0.55
    transition: 0.15s
    &:hover,:active
      opacity: 0.75

  & > li
    display: block