.recomCard{display:flex;flex-direction:column;justify-content:flex-start;margin:1rem auto;width:90%;padding:0 1rem 1rem;border-radius:.5rem;height:fit-content;opacity:0;background-color:#a6abab}.first,.recomCard{align-items:center;gap:1rem}.first{display:grid;grid-template-columns:1fr 4fr;width:100%;height:125px}.avatar{width:75px;height:auto;object-fit:contain}.name{font-weight:500}.name,.recomTitle{text-align:center;margin:1rem}.comments,.recomTitle{font-size:.75rem}.slidefromright{animation:slidefrright 3s ease-in-out}@keyframes slidefrright{0%{opacity:0;transform:translateX(100%)}to{opacity:1;transform:translateX(0)}}@media (min-width:769px) and (max-width:1023px){.recomCard{width:45%;height:400px}}@media (min-width:1024px){.recomCard{width:30%;height:350px}}