.spacefiller
  width: 100vw
  height: $navbar-height + $secondary-navbar-height + 5vh

.collage
  display: flex
  flex-flow: wrap
  background-color: $env-primary
  justify-content: flex-start
  align-items: flex-start
  position: relative
  border: solid 10px $pure-white

  & > *
    border: solid 10px $pure-white

.image__header
  text-align: center
  color: $pure-white
  padding: 0 2rem

.collage__image__wrap
  display: flex
  justify-content: center
  align-items: center
  width: 19%
  height: 49%
  position: absolute
  opacity: 0
  animation: .4s ease-in-out aniCollage forwards
  perspective: 1000px
  &:after
    position: absolute
    content: ''
    width: 100%
    height: 100%
    box-shadow: inset 0 0 40px 12px rgba($env-primary, .2)
    z-index: 99
  &:hover
    .collage__image
      transform: rotateX(90deg)
      opacity: 0

.collage__image
  display: block
  position: absolute
  object-fit: cover
  object-position: center
  width: 100%
  height: 100%
  transition: .4s ease-in-out
  transform-style: preserve-3d

.collage__image__wrap-1
  height: 65%
  top: 0
  width: 30%
  left: 0
  animation-delay: 700ms

.collage__image__wrap-2
  height: 50%
  width: 40%
  left: 30%
  animation-delay: 100ms

.collage__image__wrap-3
  height: 50%
  width: 30%
  left: 70%
  top: 0
  animation-delay: 500ms

.collage__image__wrap-4
  height: 35%
  width: 40%
  left: 0
  top: 65%
  animation-delay: 300ms

.collage__image__wrap-5
  width: 60%
  height: 50%
  left: 40%
  top: 50%
  animation-delay: 900ms

@keyframes aniCollage
  0%
    opacity: 0
  100%
    opacity: 1


p.job__deadline
  padding: 1rem 0
  font-size: $font-size * .8

p.job__description
  padding: 2rem 0
  //padding-bottom: 3rem

p.job__links
  padding: 0
  padding-bottom: 2rem
  margin-bottom: 4rem
  & > a
    text-decoration: none
    color: $env-primary
    &:hover
      color: $pure-black
  & > a:first-child
    text-decoration: none
    color: $pure-white
    background-color: $env-primary
    padding: 1rem 2.5rem
    border-radius: 8px
    font-weight: 600
    margin-right: 3rem
    @include default-trans
    &:hover
      background-color: lighten($env-primary, 10)
      box-shadow: 1px 1px 5px $light-grey

.fullwidth__wrap > .job__links
  border-bottom: solid 1px rgba($env-primary, .4)
  &:last-child
    border-bottom: none
    margin-bottom: 10rem