.pro-cards{justify-content:center;flex-wrap:wrap;gap:25px;align-items:center;font-family:Lato,sans-serif;display:flex}.pro-card{height:42rem;overflow:hidden;color:#f0f0f0;position:relative;box-shadow:0 10px 30px 5px rgba(0,0,0,.2);border-radius:10px;cursor:pointer;width:30rem;img{height:100%;transition:opacity .2s ease-out;position:absolute;object-fit:cover;opacity:.9;top:0;left:0;width:100%}h2{font-size:18px;font-weight:400;transition:inset .3s ease-out .3s;text-transform:uppercase;inset:auto auto 30px 30px;margin:0;font-family:Roboto Condensed,sans-serif}a,h2,p{color:#fff;position:absolute}a,p{transition:opacity .3s ease-out;max-width:80%;opacity:0}p{inset:auto auto 80px 30px}a{text-decoration:none;color:inherit;inset:auto auto 40px 30px}&:hover h2{transition:inset .3s ease-out;inset:auto auto 220px 30px}&:hover a,&:hover p{transition:opacity .5s ease-in .1s;opacity:1}&:hover img{filter:brightness(.8);transition:opacity .3s ease-in,filter .3s ease-in;opacity:1}}.material-symbols-outlined{vertical-align:middle}