.audio-box{
    background:rgba(0,0,0,0.45);
    backdrop-filter:blur(6px);

    padding:30px;
    border-radius:20px;

    width:min(900px, 92%);
    margin:auto;

    text-align:center;
}

.audio-list{
    display:flex;
    flex-direction:column;
    gap:20px;

    margin-top:20px;
}

.audio-item{
    display:flex;
    flex-direction:column;
    align-items:center;
    gap:10px;

    padding:15px;

    background:rgba(0,0,0,0.3);
    border-radius:15px;

    transition:0.3s;
}

.audio-item:hover{
    transform:translateY(-3px);
    background:rgba(0,0,0,0.5);
}

.audio-title{
    color:#d8ffd8;
    font-size:18px;
    font-weight:600;

    text-shadow:0 0 10px rgba(0,0,0,0.6);
}

/* AUDIO PLAYER */
audio{
    width:100%;
    max-width:400px;
}

@media (max-width: 768px){
    h1{
        font-size:50px;
    }
    body{
        margin-top: 100px;
    }
}