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

@import './tag'


#work-wrapper
  color: $light-text-primary
  height: 100vh
  width: 100vw
  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-a 15%, $gradient-b 85%)

    position: fixed
    left: 0
    top: 0

    z-index: 100

    will-change: transform, top, left

.tags
  position: absolute
  z-index: 101
  width: 60vw
  left: 50%
  top: 12.5%
  transform: translateX(-50%)
  transform-origin: top center

  display: flex
  flex-wrap: wrap
  justify-content: center

  .tag
    margin: .4em .5em

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

@import './tag'


#work-wrapper
  color: $light-text-primary
  height: 100vh
  width: 100vw
  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-a 15%, $gradient-b 85%)

    position: fixed
    left: 0
    top: 0

    z-index: 100

    will-change: transform, top, left

.tags
  position: absolute
  z-index: 102
  width: 60vw
  left: 50%
  top: 12.5%
  transform: translateX(-50%)
  transform-origin: top center

  display: flex
  flex-wrap: wrap
  justify-content: center

  .tag
    margin: .4em .5em

.projects-container
  position: absolute
  z-index: 101
  top: 50vh
  left: 0
  width: 100vw

Move .projects-container to visible position
Move .projects-container to visible position
