a{
    text-decoration: none;
    color: #000;
}

.album-folder{
      cursor: pointer;
        transition: all 0.3s ease;
        margin: 2px;
  }
    .album-folder:hover {
        transform: scale(1.12);
      }
      .album-folder > div {
        transition: all 0.3s ease;
      }
      
      .purple-folder {
        background-image: url("../imgs/folder.png");
        filter: sepia(1%) hue-rotate(250deg) saturate(700%) brightness(65%) contrast(107%);
      }

      .red-folder {
        background-image: url("../imgs/folder.png");
        filter: invert(100%) sepia(100%) saturate(900%) hue-rotate(-31deg) brightness(70%) contrast(110%);        
      }

      .yellow-folder {
        background-image: url("../imgs/folder.png");
        filter: invert(29%) sepia(100%) saturate(2979%) hue-rotate(350deg) brightness(194%) contrast(100%);
      }
      .blue-folder {
        background-image: url("../imgs/folder.png");
        filter: invert(37%) sepia(45%) saturate(352%) hue-rotate(180deg) brightness(100%) contrast(199%);
      }
      .orange-folder {
        background-image: url("../imgs/folder.png");
        filter: invert(1%) sepia(0%) saturate(697%) hue-rotate(319deg) brightness(86%) contrast(150%);
      }
      .pink-folder {
        background-image: url("../imgs/folder.png");
        filter: invert(1%) sepia(37%) saturate(800%) hue-rotate(257deg) brightness(107%) contrast(101%);
      }
      .green-folder {
        background-image: url("../imgs/folder.png");
        filter: invert(1%) sepia(15%) saturate(945%) hue-rotate(71deg) brightness(90%) contrast(89%);
      }
      .white-folder {
        background-image: url("../imgs/folder.png");
        filter: sepia(100%) saturate(1%) hue-rotate(1deg) brightness(102%) contrast(100%);
      }
      .gray-folder {
        background-image: url("../imgs/folder.png");
        filter: brightness(60%) contrast(85%);
      }