.categories{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center;background:rgba(0,0,0,0.45)}.categories .category{-webkit-tap-highlight-color:transparent;position:relative;display:flex;flex-grow:1;overflow:hidden;cursor:pointer;aspect-ratio:1;user-select:none;max-width:700px;width:33%}.categories .category:hover .bg,.categories .category.hover .bg{filter:blur(3px) saturate(.7) brightness(.9);transform:scale(1.3) rotate(3deg)}.categories .category:hover .title,.categories .category.hover .title{transform:scale(1.15);filter:saturate(1) brightness(1)}.categories .category:hover .shadow,.categories .category.hover .shadow{opacity:0}.categories .category:hover .title img,.categories .category.hover .title img{filter:drop-shadow(0px 0px 10px #000)}.categories .bg{transition:2s;transition-timing-function:cubic-bezier(.16, 1, .3, 1);position:absolute;left:0;top:0;width:100%;height:100%;background-position:center;background-size:cover;transform:scale(1.01) rotate(.01deg)}.categories .title{transition:2s;transition-timing-function:cubic-bezier(.16, 1, .3, 1);display:flex;position:absolute;left:20%;top:20%;width:60%;height:60%;justify-content:center;align-items:center;filter:saturate(0) brightness(3)}.categories .title img{transition:2s;max-width:100%;max-height:100%;filter:drop-shadow(5px 5px 5px #000)}.categories .shadow{transition:2s;position:absolute;left:0;top:0;width:100%;height:100%;background:#000;background:linear-gradient(0deg, rgba(0,0,0,0) 0%, #000 50%, rgba(0,0,0,0) 100%);opacity:0.4}@media screen and (max-width:1000px){.categories .category{width:50%}}@media screen and (max-width:600px){.categories .category{width:100%}}