.projectCard{background-color:#2d3748;border-radius:1rem;width:100%;margin-bottom:20px;padding:1.25rem}@media (min-width:640px){.projectCard{width:100%;font-size:16px}}.projectCard .relative{width:100%;position:relative}.projectCard img{object-fit:cover;border-radius:1rem;width:100%;height:100%}.projectCard .absolute{justify-content:flex-end;margin:.75rem;display:flex;position:absolute;inset:0}.projectCard .black-gradient{cursor:pointer;background:linear-gradient(135deg,#000,#434343);border-radius:5px;gap:.5rem;max-height:45px;padding:.5rem 1rem;font-size:16px;display:flex}.projectCard .black-gradient .icon{width:4.5rem;height:4.5rem}.projectCard .black-gradient .review-text{color:#fff;white-space:nowrap;margin-top:10px;font-size:16px}.projectCard h3{color:#fff;margin-top:1.25rem;font-size:24px;font-weight:700}.projectCard p{color:#a0aec0;margin-top:.5rem;font-size:16px}.projectCard .tags{flex-wrap:wrap;gap:.5rem;margin-top:1rem;display:flex}.projectCard .tags p{font-size:16px;font-weight:700}.green-gradient{background:#0f2;background:-webkit-linear-gradient(to top,#0f2,#064922);background:linear-gradient(#064922,#0f2);-webkit-text-fill-color:transparent;-webkit-background-clip:text}.orange-text-gradient{background:#f12711;background:-webkit-linear-gradient(to top,#f12711,#f5af19);background:linear-gradient(#f5af19,#f12711);-webkit-text-fill-color:transparent;-webkit-background-clip:text}.green-text-gradient{background:#11998e;background:-webkit-linear-gradient(to top,#11998e,#38ef7d);background:linear-gradient(#38ef7d,#11998e);-webkit-text-fill-color:transparent;-webkit-background-clip:text}.blue-text-gradient{background:#56ccf2;background:-webkit-linear-gradient(to top,#2f80ed,#56ccf2);background:linear-gradient(#56ccf2,#2f80ed);-webkit-text-fill-color:transparent;-webkit-background-clip:text}.pink-text-gradient{background:#ec008c;background:-webkit-linear-gradient(to top,#ec008c,#fc6767);background:linear-gradient(#fc6767,#ec008c);-webkit-text-fill-color:transparent;-webkit-background-clip:text}.white-text-gradient{background:#fff;background:-webkit-linear-gradient(to top,#fff,#9b9b9b);background:linear-gradient(#9b9b9b,#fff);-webkit-text-fill-color:transparent;-webkit-background-clip:text}