/* ========================================
   Private Listening
   ======================================== */

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

body {
    background: #111315;
    color: #F4F4F4;

    font-family: -apple-system,
                 BlinkMacSystemFont,
                 "Segoe UI",
                 Roboto,
                 sans-serif;

    line-height: 1.6;
}

.container{

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

    padding-top:70px;
    padding-bottom:80px;

}

h1{

    font-size:3rem;
    font-weight:700;

    margin-bottom:12px;

}

.intro{

    color:#A9B0B7;
    margin-bottom:50px;

    font-size:1.05rem;

}

.episodes{

    display:flex;
    flex-direction:column;
    gap:28px;

}

.episode{

    background:#1B1E22;

    border-radius:18px;

    padding:28px;

    transition:0.25s;

    border:1px solid #272B30;

}

.episode:hover{

    transform:translateY(-2px);

    border-color:#3D434B;

}

.episode h2{

    font-size:1.25rem;

    margin-bottom:18px;

    font-weight:600;

}

audio{

    width:100%;

}

@media (max-width:700px){

    .container{

        width:92%;
        padding-top:45px;

    }

    h1{

        font-size:2.2rem;

    }

}