*{padding:0;margin:0;box-sizing:border-box;scroll-behavior:smooth}.app{flex-direction:column;gap:3rem}.user-card{margin:1rem 0;max-width:500px;padding:2rem;border-radius:10px;background-color:#f0f8ff;display:flex;gap:1rem;box-shadow:#0000004d 0 19px 38px,#00000038 0 15px 12px;cursor:pointer}.user-info{flex:.3;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:.5rem}.user-info img{width:30px;height:30px;object-fit:cover;border:2px solid green;border-radius:999px;box-shadow:#88a5bf7a 6px 2px 16px,#fffc -6px -2px 16px}.user-info>h3{font-size:1.2rem;text-transform:uppercase;font-weight:600}.card-body{flex:.7;display:flex;flex-direction:column}.btn{background-color:#eb9710;color:#fff;padding:.5rem 1rem;border-radius:.5rem;border:1px solid white}.btn:hover{color:#eb9710;background-color:#fff;border:1px solid rgb(235,151,16)}.selected{background-color:green;color:#fff}.selected button{background-color:#fff;color:#eb9710}.filters{padding:1rem 0;background-color:#1b0858;display:flex;justify-content:center;align-items:center;gap:1rem;color:#fff}label{display:flex;justify-content:center;flex-wrap:wrap;gap:1rem}label>select{padding:5px;background-color:gray;border-radius:2px}@media (max-width: 921px){.filters{padding:0 1rem;flex-direction:column;justify-content:flex-start;align-items:flex-start}}.pagination{display:flex;justify-content:center;align-items:center;margin-bottom:20px}.pagination button{padding:5px 10px;margin:0 5px;background-color:#f0f0f0;border:none;border-radius:5px;cursor:pointer}.pagination button.active{background-color:#ccc}.header{padding:1rem;background-color:#ffebcd;color:#fff;display:flex;justify-content:space-between;align-items:center;font:1.5rem;text-transform:uppercase;background-color:#1b0858}.left{flex:.3}.right{flex:.7;display:flex;align-items:center;justify-content:end}.links{display:flex;gap:1rem;list-style:none}.links li a{text-decoration:none;color:orange}.team{display:flex;flex-direction:column;align-items:center;gap:2rem}.team h2{background-color:#1b0858;color:#fff;align-content:center;padding:1rem}.user-list{display:flex;flex-direction:column;gap:2rem}.main-header{position:fixed;width:100%}.cards{margin-top:130px;align-self:center}.cards>h2{background-color:#1b0858;color:#fff;align-content:center;padding:1rem}@media (max-width: 921px){.cards{margin-top:230px}}body{color:#000;font-family:system-ui;font-size:medium;line-height:normal;background-color:#fff}