html {
    background-image: url("music/GeuFbskbsAEYp8H.jpg");
    background-size:cover;
}

body {
    display: flex;
    font-family: "SourceSerif4 Regular", sans-serif;
    background-color:rgba(80, 72, 60, 0.636);
    color:aliceblue;
    font-size: 0.8em;
    margin: 0px;
    padding: 8px;
}

ul {
    padding:10px;
    width: 75vw;
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(105px, 1fr));
    grid-auto-rows: repeat(auto-fill, minmax(105px, 1fr));
    margin-left:10px;
}

li {
    min-width: 70px;
    max-width: 200px;
    background-color:#6c6762;
}

ul,
li {
    padding: 0;
    list-style: none;
}

.title {
    text-align: right;
    font-size: 1.5em;
}

img {
    aspect-ratio: 1 / 1;
    width: 100%;
    height: 100%;
    opacity: 75%;
}

.blah {
    padding: 10px;
    min-width:20%;
    max-width:20%;
    margin-right:5px;
}

@font-face {
    font-family: "SourceSerif4 Regular";
    src: url("assets/SourceSerif4-Text-BASIC-Regular.otf");
}

a  {
  text-align: center;
  color:aliceblue;
}

a:link {
  color: aliceblue;
  text-decoration: underline;
}

a:visited {
  color: aliceblue;
}

/*
.albumcontainer {
    width:80vw;
    justify-content: center;
}

.albums {
    display: flex;
    flex-wrap: wrap;
    height:fit-content;
    width: fit-content;
    justify-content: flex-start;
    margin: auto;
}

a {
    aspect-ratio: 1/1;
    width:110px;
    height:110px;
}

img {
    width: 100%;
    height: 100%;
}
    */