*::before
::after{
    box-sizing: border-box;
}

* {
    font-family:'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}

a {
    color: rgb(255, 40, 150);
}

h1,h2 {
    text-align: center;
    color: white;
    width: 70%;
    background-image: linear-gradient(rgb(255, 0, 98),rgb(136, 20, 87));
    padding: 8px;
    margin: auto;
}

.centerlist {
    width: 50%;
    text-align: center;
}

.card {
    width: 60%;
    background-image: linear-gradient(rgb(253, 193, 201),rgb(245, 153, 183));
    color: rgb(85, 0, 21);
    padding: 5px;
    border: 5px solid transparent;
    border-image: linear-gradient(rgb(245, 153, 183),rgb(253, 193, 201));
    border-image-slice: 1;
    /* border:5px solid rgb(245, 153, 183); */
    margin-top: 10px;
    margin-right: auto;
    margin-bottom: 10px;
    margin-left: auto;
}

.card2 {
    box-sizing: border-box;
    border-radius: 20%;
    background-color: palevioletred;
    width: 300px;
    padding: 20px;
    margin: auto;

}

.card h3,h4,h5,h6 {
    color: rgb(199, 41, 88);
}