@import url('https://fonts.googleapis.com/css2?family=Lugrasimo&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Great+Vibes&display=swap');
body {
    background-color: pink;
    color: black;
    font-family: cursive;
}
h1 {
   background-color: black;
   color: pink; 
   font-family: 'Times New Roman', Times, serif;
   margin-bottom: -20px;
}
.listy {
    display: inline-block;
    background-image: url(/images/rose\ pattern.png);
    background-repeat: repeat;
    background-size: contain;
    border: 3px solid black;
}
img {
    height: 38vh;
}
.list {
    background-color: rgb(246, 226, 234);
    margin-top: 0;
    font-family: Arial, Helvetica, sans-serif;
}
h2 {
    font-family:Verdana, Geneva, Tahoma, sans-serif;
}
li {
    font-size: 20px;
}
.img {
    position: absolute;
    top: 2400px;
    left: 100px;
}
.lis {
    position: absolute;
    top: 900px;
    right: 10px;
}
.albums {
    height: 15%;
    width: 15%;
}
.cursive {
        font-family: "Great Vibes", cursive;
        
}
.bands {
    background-color: rgb(195, 154, 209);
}
.mcr {
    background-color: rgb(255, 192, 192);
}
.gw {
    background-color: rgb(173, 193, 169);
}
.violents {
    background-color: rgb(243, 241, 157);
}
.spells {
    background-color: rgb(170, 174, 197);
}
.leather {
    background-color: rgb(190, 116, 116);
}
.iero {
    background-color: rgb(153, 220, 253);
}
.hole {
    background-color: rgb(214,75,157);
}
.jill {
    background-color: rgb(226,130,169);
}
.nirvana {
    background-color: rgb(254,237,12);
}
.used {
    background-color: rgb(193, 106, 90);
}
.fob {
    background-color: rgb(113,200,247);
}
.other {
    background-color: pink;
}