Why didn't the before block get painted?

Question

css

I started to make up the lessons and ran into such an error that the block is not painted over with color, what's the problem?

@import "bourbon"
@import "vars.sass"

$main-color: #F39F18
$headers-color: #2C3949

body
  font-size: 15px
  min-width: 320px
  position: relative
  line-height: em(22px)
  font-family: "RalewayRegular", sans-serif
  overflow-x: hidden
  color:#333

.hidden
  display: none


a, a:hover, a:focus, a:active
  color: $main-color
  text-decoration: underline

.headers
  font-family: "PFCentroSlabProMedium", $helvetica
  text-transform: uppercase
  font-weight: normal
  

h1, h2, h3, h4, h5, h6
  @extend .headers
  color: $headers-color

h1
  font-size: em(48px)

h2
  font-size: em(30px)

h3
  font-size: em(24px)

b, strong 
  font-family: "RalewayBold", $helvetica

.before 
  countent: ''
  width: 100%
  height: 100%
  position: absolute
  left: 0
  top: 0


.main-head
  min-height: 620px
  background-size: cover
  background-position: center
  &::before
    @extend .before
    background-color: #394b5f
  h1