body {
    background-color: #ffeaf5;
    font-family: "Comic Sans MS", cursive;
    color: #7a4b65;

    background-image: radial-gradient(#ffc4df 2px, transparent 2px);
    background-size: 30px 30px;
}


.header {
    text-align: center;
    background: #ffb6d9;
    padding: 30px;
    border-radius: 25px;
    border: 4px solid white;
}


h1 {
    color: #ff5c9a;
    font-size: 40px;
}


h2 {
    color: #ff78ad;
}


.box {
    background: white;
    width: 70%;
    margin: 30px auto;
    padding: 25px;
    border-radius: 25px;
    border: 3px dashed #ff9acb;

    box-shadow: 5px 5px 0px #ffc7df;
}


.sticker {
    width: 120px;
    display: block;
    margin: auto;
}


.title {
    text-align: center;
}


.songs {
    display: flex;
    justify-content: center;
}


.song-card {

    background: #ffd6e8;

    width: 250px;

    padding: 20px;

    border-radius: 25px;

    text-align: center;

    border: 3px solid white;

    transition: 0.3s;
}


.song-card:hover {

    transform: scale(1.08) rotate(-3deg);

}


a {

    text-decoration: none;

    color: #7a4b65;

}


audio {

    width: 100%;

}


button {

    background: #ff8fc1;

    border: none;

    padding: 12px 25px;

    border-radius: 20px;

    color: white;

    font-size: 18px;

    cursor: pointer;

}