@import url("https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;500;600;700&display=swap");*{margin:0;padding:0;box-sizing:border-box;font-family:Open Sans,sans-serif;font-family:Poppins,sans-serif}.card-list{display:grid;width:100%;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));max-width:1250px;margin:20px auto;padding:20px;gap:20px}p{text-align:left!important}.card-list .card-item{background:#fff;padding:26px;border-radius:8px;box-shadow:0 5px 10px rgba(0,0,0,.04);list-style:none;cursor:pointer;text-decoration:none;transition:border .5s ease}.card-list .card-item:hover{border:2px solid #000}.card-list .card-item img{width:100%;aspect-ratio:16/9;border-radius:8px;-o-object-fit:contain;object-fit:contain}.card-list span{display:inline-block;background:#000;color:#fff;margin-top:32px;padding:8px 15px;font-size:.75rem;border-radius:50px;font-weight:600}.card-list .developer{background-color:#f7dff5;color:#b22485}.card-list .designer{background-color:#d1e8ff;color:#2968a8}.card-list .editor{background-color:#d6f8d6;color:#205c20}.card-item h3{color:#000;font-size:1.2rem;margin-top:28px;font-weight:500}.card-item .arrow{display:flex;align-items:center;justify-content:center;transform:rotate(-35deg);height:40px;width:40px;color:#000;border:1px solid #000;border-radius:50%;margin-top:40px;transition:.2s ease}.card-list .card-item:hover .arrow{background:#000;color:#fff}@media (max-width:1200px){.card-list .card-item{padding:15px}}@media screen and (max-width:980px){.card-list{margin:0 auto}.card-list .card-item{border:2px solid #000}}