.about_merch{
    display: block;
    
}
#album_selector{
    display:block;
    margin:0 auto;
    position:relative;
    box-sizing: border-box;
    border: 1px transparent solid;
    
}
#album_selector:hover{
    border: 1px black solid;
}
.album_cover{
    display: inline-block;
    margin:0 auto;
    padding:0;
    vertical-align: top;
    background-size: 100% 100%;
}
.key_info{
    display: inline-block;
    margin: 0 auto;
    padding: none;
    padding-left:1vw;
    width: 55%;
}
.music_links{
    width: 40%;
    margin: 0 auto;
    padding: none;
    display: inline-block;
}
.coming_soon{
    margin: 0 auto;
    padding: none;
    display: inline-block;
}
.recent_release{
    display: inline-block;
    vertical-align: top;
    padding: 0;
    margin: 0 auto;
    box-sizing: border-box;
    border: 1px transparent solid;
}
.recent_release:hover{
    border: 1px black solid;
}
.release{
    display: inline-block;
    padding:0;
    background-color: rgb(42, 101, 152);
    border-radius: 10%;
    margin-right: 1vw;
    margin-left: 1vw;
    margin-bottom: 1vw;
    position:relative;
    background-size: 100% 100%;
    filter: brightness(0.5);
    transition: transform 0.25s,
        filter 0.25s,
        margin-left 0.25s,
        margin-right 0.25s,
        border-radius 0.25s;
}
.release:hover{
    filter: brightness(1);
    transform: scale(1.5);
    
    border-radius: 0;
}
body{
    background-color: rgb(250, 202, 155);
    margin: 0 auto;
    padding: 0;
    border: none;
    text-align: center;
    font-family: "Atkinson Hyperlegible", sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 1.6vw;
    color:rgb(81, 81, 81);
}
a{
    color:rgb(53, 119, 141);
    text-decoration: none;
    
}
h1{
    margin: 0 auto;
    font-size: 7vw;
    font-weight: 400;
    font-style: normal;
}
h2{
    
    font-weight: 200;
    font-style: normal;
    padding:none;
    margin: 0 auto;
}
.line{
    padding:none;
    margin: 1vw;
    margin-bottom:0;
    height:10vw;
    width:0;
    display: inline-block;
    border-left: 1px black solid;
}

#discography{
    display:block;
    position: absolute;
    visibility: visible;
    text-align: center;
    top:0vw;
    width:100%
}
.release:hover ~ #discography::after{
    display:block;
    position: absolute;
    visibility: visible;
    content: 'pandemic art';
    width: 100%;
    top:0vw;
}
#pandemic_art:hover ~ #discography::after{
    content: 'pandemic art';
}
#gpgp:hover ~ #discography::after{
    content: 'gpgp';
}
#tok_radio:hover ~ #discography::after{
    content: 'tok radio';
}
#hey_cashier:hover ~ #discography::after{
    content: 'hey cashier';
}
#lanternfly:hover ~ #discography::after{
    content: 'lanternfly';
}
#ozone:hover ~ #discography::after{
    content: 'ozone';
}
.release:hover ~ #discography{
    visibility:hidden;
}
.release_spacer{
    display: inline-block;

}
@media (orientation : landscape) {
    #album_selector{
        height: 20vw;
        margin-top: 2vw;
        margin-bottom: 2vw;
        width: fit-content;
    }
    .album_cover{
        width:20vw;
        height:20vw;
    }
    .key_info{
        
    }
    .music_links{
        padding-top: 1vw;
    }
    .more{
    }
    .recent_release{
        width: 50vw;
        padding-top:1vw;
        padding-left: 0vw;
        padding-bottom:1vw;
        padding-right:0vw;
    }
    .release{
        width:10vw;
        height: 10vw;
        top: 2.5vw;
    }
    .release:hover{
        margin-right: 3.5vw;
        margin-left: 3.5vw;
    }
    body{
    }
    a{
        font-size: 1.6vw;
    }
    h1{
        text-align: left;
        padding-left: 10vw;
        padding-top: 3vw;
    }
    h2{
        font-size: 2.75vw;
    }
    .line{
    }
    .about_merch{
        position:absolute;
        font-size: 3vw;
        top: 5vw;
        left:73vw;
    }
    .about_merch > a{
        font-size: 3vw;
    }
    p{
        font-size: 2vw;
    }
    #discography{
    }
}
@media (orientation : portrait) {
    #album_selector{
        height: 70vw;
        margin-top: 2vw;
        margin-bottom: 2vw;
        width: 95vw;
    }
    .album_cover{
        width:40vw;
        height:40vw;
    }
    .key_info{
        position: relative;
    }
    .music_links{
        padding-top: 3vw;
        padding-left: 2vw;
        padding-right: 2vw;
    }
    .more{
        position:relative;
        top: 5vw;
        font-size: 4vw;
    }
    .recent_release{
        width: 95vw;
        padding-top:3vw;
        padding-bottom:3vw;
        padding-left: 2vw;
    }
    
    body{
    }
    a{
        font-size: 3vw;
    }
    h1{
        padding-top: 3vw;
        font-size: 11vw;
        display:block;
    }
    h2{
        font-size: 4vw;
    }
    p{
        font-size: 3vw;
    }
    .line{
        position: absolute;
        margin: 1vw;
        margin-bottom:0;
        height:20vw;
        width:0;
        display: inline-block;
        border-left: 1px black solid;
        top: 7vw;
        left: 50%;
    }
    .about_merch{
        font-size: 4vw;
        padding-bottom: 4vw;
    }
    .about_merch > a{
        font-size: 4vw;
    }
    #discography{
    }
    .release{
        width: 22vw;
        height: 22vw;
        margin-top:6.5vw;
        margin-bottom:6.5vw;
        top: 0vw;
    }
    #ozone{
        margin-bottom:1vw;
    }
    #lanternfly{
        margin-bottom:1vw;
    }
    #hey_cashier{
        margin-bottom:1vw;
    }
    .release:hover{
        margin-left: 6.5vw;
        margin-right: 6.5vw;
    }
    .release_spacer{
        border: 1px red solid;

    }
}