@charset "utf-8";
/* CSS Document */

.result {position: relative;display:inline-flex;margin: 2% .5% 2% .5%;padding: 0 0 5em 0;transition: 0.5s ease; background:rgba(0,0,0,.9)}
.result:hover{transform:scale(1.1);box-shadow: 0px 0px 30px rgba(0,0,0,1);z-index:9999}

.result img {position: absolute;top: 0;left: 0;/*cursor: pointer;*/ }
.result span {width: 100%;height: 2em;letter-spacing:normal; line-height:2em;padding: 0 1rem;font-size: .9em;color: rgba(255,255,255,1);font-weight:bold;transition: 0.5s ease;text-shadow: 0 0 1em #000;overflow:hidden;position: absolute;bottom:0 !important;left: 0;background:linear-gradient(180deg,rgba(0,0,0,0.0), rgba(0,0,0,0.8), rgba(0,0,0,1));
display: flex;flex-wrap: nowrap;flex-direction:column;justify-content: flex-start; text-align:center;;
}
.result:hover span {height: 50%;justify-content:center}
.result .long:hover span {height: 80%;}
.result.philter-active, .result.random {
  padding: 1.5%;
  width:250px;
  height:390px;
}