body{
    background-color: #000;
}

main {
    height: 100vh;
    width: 100vw;
    overflow: hidden;
    position: relative;

    font-family: input-sans, sans-serif;

    font-weight: 400;

    font-style: normal;

}

.collage {
    position: absolute;

    width: 100vw;
    height: auto;
    bottom: 3rem;
}



.svgHover{
    position: absolute;

    width: 100%;
    height: auto;
    bottom: 3rem;
    z-index: 99;
}

@media (max-width: 1050px)  {
    .collage, .svgHover{
      width: auto;
      height: 100vh;
     } 
  }

  @media (max-width: 800px)  {
    .collage, .svgHover{
      width: auto;
      height: 100vh;
      right: 0;
     } 
  }

  @media (max-width: 571px){
    .collage, .svgHover{
        width: auto;
        height: 100vh;
        right: -10vw;
       } 
  }

.cls-2 {
    opacity: 0;
    fill: #ffff;
    cursor: pointer;
    position: relative;
}

.cls-2:hover{
    opacity: .5;   
}

.cls-1{
    position: relative;
}

.cls-4 {

    font-size: 10px;
  }


.cls-3 {
    opacity: 0;
}

.footer{
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0;
    padding: 1rem 2rem;
    color: #fff;
    background-color: #000;
    text-align: right;
    z-index: 999;
    text-transform: uppercase;
}