body{
    background-color: #251629;
    color: white;
    font-family: courier;
    display: flex;
}
button{
    background: none;
    border: none;
    font-family: courier;
    font-size: 1em;
    color: white;
}
button:hover, li{
    color: #e9b5f7;
}
button:active{
    color: #c61bf5;
}
#audio-ctrl{
    border: white 1px solid;
    border-radius: 7px;
    padding: 5px 10px;
}
#discography{
    border: white 1px solid;
    border-radius: 2px;
    margin: 3em 0em;
    padding: 6px 3px;
    text-align: left;
}
.song, .image{
    margin: auto;
    text-align: center;
    width: 50%;
}
h1{
    margin-top: 15%;
}
a, a:visited{
    color: white;
}
@media only screen and (max-width: 390px) {
    body {
        display: block;
    }
    .song, .image{

        width: auto;
    }
    button{
        font-size: 0.7em;
    }
    #audio-ctrl{
        font-size: 1em;
    }
    #discography{
        padding: 0;
    }
    h1{
        margin-top: 0;
    }
}