/* For the music log */
* {
  box-sizing:border-box;
}
    @font-face{
            font-family: 'MS pGothic';
    src: url('/mlog/mspgothic.ttf') format('truetype');
            }

body {
    background-image:url('/img/wabb.jpg');
   background-size:cover;
   background-repeat: no-repeat;
   background-color: white;
   color: black;
    font-family:'MS pGothic';
    font-size: 1.1em;
    background-attachment: fixed;
}

.boxie {
    border: 1px solid black;
    padding:20px;
    width:450px;
    text-align:center;
    height:auto;
    margin:0 auto;
    overflow: auto;
    background-color: white;
}

.boxitup{
    border:1px solid black;
    padding:20px;   
    width:650px;
    text-align:auto;
    height:auto;
    margin:20px auto ;
    overflow: auto;
    background-color: white;
}

#favalbums {
    display: flex;
    flex-flow: row wrap;
    justify-content: space-evenly;
    width:800px;
    margin: auto;
}

#album,
#album img {
    width: 250px;
    height: 250px;
    position: relative;
    margin: 5px;
}

#album span {
    visibility: hidden;
}

#album:hover span {
    visibility: visible;
    position: absolute;
    width: 245px;
    height: 245px;
    color:white;
    overflow: scroll;
    text-align: center;
    display: block;
    margin: auto;
    left: 8px;
    padding:15px;
    top: 5px;
}

#album:hover img{
    filter: brightness(0.4)
}

ul {
   list-style: none;
   justify-content: space-evenly;
 }
 li:before {
   content: "*";
   padding-right: 5px;
 }

a{color:cornflowerblue;}
a:hover{color:palevioletred;}