* {
    margin: 0;
    padding: 0;
    font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
}

h1 {
    text-align: center;
    color: white;
    margin-top: 25px;
    
}

body {
    background-color: rgb(27, 27, 27);
}

.container {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}

.card {
    background-color: white;
    width: 270px;
    margin: 10px;
    border-radius: 15px;
}

.card-image {
    height: 170px;
    margin-bottom: 15px;
    background-size: cover;
    border-radius: 15px 15px 0 0;
}

.car-1 {
    background-image: url('luffy.jpg');
}

.car-2 {
    background-image: url('gojo.jpg');
}

.car-3 {
    background-image: url('goku.jpg');
}

.card p {
    padding: 10px;
}

.card a {
    background-color: black;
    color: white;
    display: block;
    padding: 15px 20px;
    text-align: center;
    margin: 20px 50px;
    text-decoration: none;
}

.card a:hover {
    background-color: white;
    color: black;
    transform: scale(1.03);
    transition: all 1s ease;
}

.card:hover {
    background-color: rgb(62, 62, 62);
    color: white;
    cursor: pointer;
    transform: scale(1.03);
    transition: all 1s ease;
}


.container {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}

.card {
    background-color: white;
    width: 270px;
    margin: 10px;
    border-radius: 15px;
}

.card-image {
    height: 170px;
    margin-bottom: 15px;
    background-size: cover;
    border-radius: 15px 15px 0 0;
}

.car-4 {
    background-image: url('kakasi.jpg');
}

.car-5 {
    background-image: url('shanks.jpg');
}

.car-6 {
    background-image: url('kengan\ kaneki.jpg');
}

.car-7 {
    background-image: url('sasuka.jpg');
}

.car-8 {
    background-image: url('itschi\ uhiha.jpg');
}

.car-9 {
    background-image: url('killua\ zoldyck.jpg');
}

.car-10 {
    background-image: url('trunks.jpg');
}

.car-11 {
    background-image: url('SUKUNA.jpg');
}

.car-12 {
    background-image: url('demons\ layer.jpg');
}

.car-13 {
    background-image: url('https://m.media-amazon.com/images/M/MV5BMGViMzZkYjktOTk3MS00Nzk4LWJiYzgtNjVlMDcwOTI0NzI0XkEyXkFqcGdeQVRoaXJkUGFydHlJbmdlc3Rpb25Xb3JrZmxvdw@@._V1_.jpg');
}

.car-14 {
    background-image: url('naruto.jpg');
}

.car-15 {
    background-image: url('MADRA.JPG');
}

.car-16 {
    background-image: url('JIRAYA.JPG');
}

.card p {
    padding: 10px;
}

.card a {
    background-color: black;
    color: white;
    display: block;
    padding: 15px 20px;
    text-align: center;
    margin: 20px 50px;
    text-decoration: none;
}

.card a:hover {
    background-color: white;
    color: black;
    transform: scale(1.03);
    transition: all 1s ease;
}

.card:hover {
    background-color: rgb(62, 62, 62);
    color: white;
    cursor: pointer;
    transform: scale(1.03);
    transition: all 1s ease;
}