html,
body{
    margin:0;
    padding:0;
}

body{
    background: #e94681;
    color:white;

     font-family:'garabossenonpareille';
}

body {
    cursor: default;
}

.archive-header{

    padding:30px 30px 20px;
    text-align:center;
}


.archive-title{

    font-size:30px;

    line-height:0.9;

    margin:0;

    font-weight:normal;

    color:white;
}

/* FILTERS */

.gallery-filter{

    background: #e94681;

    padding:20px 30px;

    display:flex;
    flex-wrap:wrap;
    gap:10px;
}

.filter__btn{
    font-family:'blackadder_itc_ttregular';
    font-size:24px;
    background:none;

    border:1px solid rgba(255,255,255,0.2);

    color:white;

    padding:10px 16px;

    border-radius:999px;

    cursor:pointer;

    transition:0.3s;
}

.filter__btn:hover{
    border-color:white;
}

.filter__btn.is-active{
    background:white;
    color:black;
}


/* MASONRY */

.gallery{

    column-count:4;
    column-gap:18px;

    padding:0 30px 30px;
}


/* RESPONSIVE */

@media(max-width:1100px){

    .gallery{
        column-count:3;
    }
}

@media(max-width:700px){

    .gallery{
        column-count:2;
    }
}

@media(max-width:500px){

    .gallery{
        column-count:1;
    }
}


/* ITEMS */

.gallery__item{

    position:relative;

    margin-bottom:18px;

    break-inside:avoid;

    overflow:hidden;

    cursor:pointer;
}


/* IMAGE */

.gallery__image{
    width:100%;
    height:auto;

    display:block;

    transition:transform 0.5s ease;
}

.gallery__item:hover .gallery__image{
    transform:scale(1.03);
}


/* CAPTION */

.gallery__caption{

    position:absolute;

    left:0;
    right:0;
    bottom:0;

    padding:40px 16px 16px;

    display:flex;
    flex-direction:column;

    opacity:0;

    transform:translateY(100%);

    transition:0.4s;

    background:linear-gradient(
        to top,
        rgba(0,0,0,0.85),
        rgba(0,0,0,0)
    );
}

.gallery__item:hover .gallery__caption{
    opacity:1;
    transform:translateY(0);
}


.gallery__caption-title{
    font-size:14px;
    font-weight:bold;
}

.gallery__caption-meta{
    font-size:11px;

    opacity:0.7;

    text-transform:uppercase;

    margin-top:4px;

    letter-spacing:0.08em;
}

.instagramicon{
  position: absolute;
  left: 20px;
  top: -250px;

  width: 290px;
  height: 600px;
}

.goback {
  position: absolute;
  left: 20px;
  top: 20px;
  width: 60px;
}

.goback img{
  width: 100%;
  height: auto;
  display: block;
}