.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% top: 0 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: $heavy-font 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