body{background-color:#242424}.cards{display:flex;flex-wrap:wrap;gap:20px;justify-content:center}.card{border:1px solid #fff;padding:16px;border-radius:16px;width:330px;text-align:center;transition:all .15s ease-in-out}.card:hover{box-shadow:3px 3px #f5f5f5;translate:-3px -3px}.card h2{font-size:32px;color:#fff;font-family:sans-serif;border-left:10px dotted cyan;margin-left:30px;margin-right:30px}.tag h5{background-color:#fff;border-radius:8px;display:inline-block;padding:5px;margin:5px;font-family:sans-serif}.card img{border-radius:16px;margin:20px 0 10px;width:200px}a{text-decoration:none}.viewItem{font-family:sans-serif;text-align:center}.viewItem>h1{color:#00b8d4}img{border-radius:16px;margin-left:30px}.viewItem>a{padding:3px;text-decoration:none;color:#fff;border-bottom:1px solid #fff;border-right:1px solid #fff;border-radius:4px;transition:all .15s ease-in-out;display:inline-block}.viewItem>a:hover{text-decoration:none;box-shadow:2px 2px #999;translate:-3px -3px}.content{display:flex;justify-content:space-around;color:#999}.attribute{width:130px;border:1px solid #fff;padding:16px;border-radius:16px;background:#333}.attributes{display:flex;flex-wrap:wrap;gap:8px;padding:0 8px;justify-content:center;align-items:center}