* { box-sizing: border-box; }

html{
    background-image: url('images/bg_paper2.png');
    background-color: #5e4f4f;
    background-blend-mode: overlay;
    font-family: arial;
    }

a{
    color:black;
    } 

a:hover{
    font-weight:bold;
    }  

#topText{
    background-color:#f3df1e;
    max-width: 550px;
    padding: 10px;
    font-size: 1.1em;
} 
    
mark{background-color:#f3df1e;}

#albums{
    display: flex;
    flex-flow: row wrap;
    column-gap: 25px;
    padding: 25px 50px 25px 50px;
    justify-content: center;
    }
    
#albums img{
    height: 200px;
    width: 200px;
}    

#albums h2{
    text-align:center;
    width: 100%;
    font-family: arial black;
}

.shelf{
    background-image: url('images/bg_wood.png');
    border: #77573d 2.5px inset;
    width: 100%;
    height: 1.2em;
}

.popout{
    scale: 1;
    transition: .27s ease-out;
    filter: drop-shadow(8px 0px 1px rgb(81,81,81,70%));
}

.popout:hover {
   scale: 1.25;
   transition: .27s ease-in;
   z-index: 9;
   filter: drop-shadow(2px 2px 6px rgba(255,255,255,0.5)) drop-shadow(2px 2px 6px rgba(255,255,255,0.5)) drop-shadow(2px 2px 6px rgba(255,255,255,0.5));
   cursor: pointer;
}