$shadow-color: transparentize($black, .5)

@import './tag'


#work-wrapper
  color: $light-text-primary
  height: 100vh
  position: fixed
  top: 0
  left: 0
  z-index: 2
  pointer-events: none
  will-change: contents

  *
    pointer-events: all

#work-wrapper,
.laptops-container .laptop3d[data-laptop3d-hash='work']
  h1
    // h1 is outside of .container because .container is scaled during transformation in a way that
    // would distort text

    margin: 0

    position: fixed
    top: 50%
    left: 50%
    width: 60vw
    transform: translate(-50%, -50%)
    will-change: transform

    z-index: 101

    font-size: 3.5vw
    text-align: center
    // Since letter-spacing adds space after the last character in a line and
       messes up text-align: center, I add equal space to the left side in order
       to achieve balance.
    letter-spacing: .5em
    padding-left: 2vw
    line-height: 150%

    .glitch::after
      content: 'Coming Soon'
      color: transparentize($white, .5)

  .background
    height: 100%
    width: 100%
    background: linear-gradient(to bottom right, $gradient-4a 10%, $gradient-4b 90%)

    position: fixed
    left: 0
    top: 0

    z-index: 100

    will-change: transform, top, left

$shadow-color: transparentize($black, .5)

@import './tag'


#work-wrapper
  color: $light-text-primary
  height: 100vh
  position: fixed
  top: 0
  left: 0
  z-index: 2
  pointer-events: none
  will-change: contents

  *
    pointer-events: all

#work-wrapper,
.laptops-container .laptop3d[data-laptop3d-hash='work']
  .background
    height: 100%
    width: 100%
    background: linear-gradient(to bottom right, $gradient-4a 10%, $gradient-4b 90%)

    position: fixed
    left: 0
    top: 0

    z-index: 100

    will-change: transform, top, left

Remove SASS for removed h1
Remove SASS for removed h1
