h1,main{display:flex}.result-card-rating,.result-card::before,.result-card:hover h3,h1 i{color:var(--accent-color)}.result-card::after,.result-card::before{transition:opacity .3s;position:absolute}.no-results,.search-query{opacity:.7;text-align:center}.no-results,.results-grid,.search-query,h1{text-align:center}main{padding:80px 5% 2rem;flex-direction:column;align-items:center}h1{font-size:2rem;margin-bottom:.5rem;align-items:center;justify-content:center}h1 i{margin-right:.5rem}.search-query{font-size:.9rem;margin-bottom:1rem}.results-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(185px,1fr));gap:1.5rem;width:100%;justify-content:center}.result-card{background-color:var(--secondary-color);border-radius:8px;overflow:hidden;transition:transform .3s;position:relative;cursor:pointer}.result-card:hover{transform:scale(1.05)}.result-card img{width:100%;height:278px;object-fit:cover}.result-card::after{content:'';top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);opacity:0}.result-card:hover::after,.result-card:hover::before{opacity:1}.result-card-info{position:absolute;bottom:0;left:0;right:0;padding:.5rem;background:linear-gradient(to top,rgba(0,0,0,.8) 0,rgba(0,0,0,0) 100%);transition:transform .3s;z-index:1}.result-card:hover .result-card-info{transform:translateY(-5px)}.result-card h3{font-size:1rem;margin-bottom:.3rem;color:var(--text-color);transition:color .3s}.result-card-meta{display:flex;justify-content:space-between;align-items:center;font-size:.8rem;color:var(--text-muted)}.result-card::before{content:'\f04b';font-family:'Font Awesome 5 Free';font-weight:900;top:50%;left:50%;transform:translate(-50%,-50%);font-size:3rem;opacity:0;z-index:2}.no-results{font-size:1.2rem;margin:1rem 0;grid-column:1/-1}@media (max-width:768px){main{padding-top:135px}.results-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr))}.result-card img{height:180px}.result-card h3{font-size:.9rem}.result-card-meta{font-size:.7rem}.result-card::before{font-size:2rem}}