body {
    background-color: #E3F9F7;
    color: black;
    background-image: url('https://channelonion.neocities.org/img/bg.gif');
    background-position: -9px 0px;
    font-size: 14px;
} 

.gradient{
    -webkit-mask-image:-webkit-gradient(linear, left top, left bottom, from(rgba(0,0,0,1)), to(rgba(0,0,0,0)));
    mask-image: linear-gradient(to bottom, rgba(0,0,0,1) 0%,rgba(0,0,0,1) 62%,rgba(0,0,0,0) 100%);
}

.gradient2{
    -webkit-mask-image:-webkit-gradient(linear, left top, left bottom, from(rgba(0,0,0,1)), to(rgba(0,0,0,0)));
    mask-image: linear-gradient(to top, rgba(0,0,0,1) 62%,rgba(0,0,0,0) 100%);
}

#top{
    position: relative;
}

#intro{
    width: 95%;
    margin: auto;
    margin-top: 25px;
}

#albums{
    width: 100%;
}


.album{
    width: 100%;
    display: flex;
    flex-direction: row;
}


h2{
    font-size: 25px;
    margin-block: 0;}

a{
    color: #124e85;
}

a:hover{
    color: red;
}

.image{
    max-width: 50%; 
    height: 100%;
    position: relative;
}


.albumLink{
    margin: 5px;
    margin-top: 5px;
    color: #124e85; 
    text-decoration: dotted underline;
}

.albumLink:hover{
    color: red;
}