body{
    margin:0;
    font-family:sans-serif;

    background:linear-gradient(
    180deg,
    #9ee493,
    #d8f8e8,
    #d9f0ff
    );
}

.page-title{
    text-align:center;
    font-size:56px;
    margin-top:60px;
}

.page-description{
    text-align:center;
    margin-bottom:50px;
}

#concert-list{
    width:90%;
    max-width:1000px;
    margin:0 auto 100px;
}

.concert-card{
    display: flex;
    gap:30px;

    width: 90%;
    max-width: 1000px;
    
    margin:0 auto 40px;

    border-radius:20px;
    background:white;

    padding: 20px;

    box-shadow:
    0 10px 30px rgba(0,0,0,0.08);
}

.concert-card:hover{

    transform:translateY(-5px);

}

.concert-image{

    flex:1;

    padding: 0
    ;
}

.concert-info{
    font-size: 1rem;
    padding:1px;
}

.concert-info h2{
    font-size: 0.8rem;
    margin-bottom:5px;
}

@media(max-width:480px){
    .concert-card{
        flex-direction: column;
    }
    .concert-image{
        width: 100%;
        max-width: 320px;
        margin: 0 auto;
    }
}