/* STICKY FOOTER */
html,
body {
    height: 100%
}

body {
    display: flex;
    flex-direction: column;
}

main {
    flex-grow: 1;
}

footer {
    flex-shrink: 0;
}

/* STICKY FOOTER END */

main {
    backdrop-filter: brightness(.3);
    background: -webkit-linear-gradient(to top, #2C5364, #000000);
    /* Chrome 10-25, Safari 5.1-6 */
    background: linear-gradient(to bottom, #2C5364, #000000);
    /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */


}

.albumText {
    font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
    font-weight: 400;
    text-shadow: 2px 1px #000000;
}

.artistText {
    font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
    font-weight: 400;
    text-shadow: 2px 1px #000000;
}

.logoImage {
    max-width: 300px;
}

.spotifyLink {
    transition: 1s color;
}

.spotifyLink:hover {
    color: green;
}

.appleLink {
    transition: 1s color;
}

.appleLink:hover {
    color: red;
}

.bandcampLink {
    transition: 1s color;
}

.bandcampLink:hover {
    color: blue;
}

.stickybarl {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    position: -webkit-sticky;
    position: sticky;
    top: 0rem;
    height: 100vh;
    background-image: url(/img/leftside.png);
    background-size:contain;
    background-repeat: no-repeat;
    background-position: top left;

}

.stickybarr {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    position: -webkit-sticky;
    position: sticky;
    top: 0rem;
    height: 100vh;
    background-image: url(/img/rightside.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: top right;

}