@import"https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap";*{padding:0;margin:0;box-sizing:border-box}body{background-color:#e0e0e0;font-family:Inter,sans-serif}ul{list-style-type:none}#header{height:80px;display:flex;justify-content:space-around;align-items:center}#header nav ul{display:flex;gap:15px}#header nav ul button{padding:10px 15px;border:none;border-radius:20px;background-color:#e0e0e0;box-shadow:0 0 5px #bbb;cursor:pointer}#header nav ul button.active-btn{background-color:#0ff}.list-name{padding-left:30px}.card-list{margin:30px 0;display:flex;justify-content:center;flex-wrap:wrap;gap:30px}.card{width:300px;padding:30px;border-radius:50px;background:#e0e0e0;box-shadow:20px 20px 60px #bebebe,-20px -20px 60px #fff}.card h4{padding:5px 0}.card h4 span{font-weight:400}.loader{border:6px solid #f3f3f3;border-top:6px solid #3498db;border-radius:50%;width:40px;height:40px;animation:spin 1s linear infinite;margin:20px auto}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}