body {
    margin: 0;
    padding: 0;
    font-family: "Baskerville", sans-serif;
    color: white;
    background-color: rgb(2,2,2);
}
* {
    margin: 0;
    padding: 0;
}
html {
    scroll-behavior: smooth;
}



#navdiv {
    padding: min(30px, 3vw);
    position:sticky;
    top: 0;
    background-color: rgb(2,2,2);
}
#navtable {
    position: relative;
    margin-left: auto;
    font-size: min(30px, 3.5vw);
    text-align: center;
}
.navlink {
    color: white;
    margin: 1vw;
}



#hrmusicdiv {
    background-image: url("images/piano.png");
    background-position:left center;
    background-size: cover;
    padding-top: 0;
    padding-bottom: min(100px, 10vw);
    box-shadow: 0 0 50px 50px rgb(2, 2, 2) inset;
}
#hrmusic {
    font-size: min(100px, 9vw);
}
.insetleft {
    margin-left: 10vw;
}


hr {
    width: 80vw;
    margin: auto;
}



.content {
    font-size: 20px;
    margin-bottom: min(50px, 5vw);
}
#myworkdiv {
    width: 80vw;
    text-align: center;
    display: flex;
    justify-content: space-evenly;
    flex-wrap: wrap;
}
.musicdata {
    width: 400px;
    margin-bottom: 50px;
}
.musictitle {
    background-color: rgb(20, 20, 20);
    padding: 10px;
}
.musicimage {
    width: 400px;
    height: 400px;
}
.audio {
    width: 400px;
}



#contact {
    font-size: 20px;
    text-align: center;
}
.imglink {
    height: 1em;
    margin-right: 0.25em;
}