body {
  background-image: url("clouds.jpg");
  color: black;
  font-family: Verdana;
  padding: 10px 20px 20px 20px;
  margin: 10px 20px 20px 20px;
}

@keyframes h1a {
  0%   {color: rgb(197, 201, 209);}
  50%  {color: rgb(255, 255, 255);}
  100% {color: rgb(197, 201, 209);}
}



h1 {
  background: linear-gradient(to bottom, rgba(31, 39, 51, 0.6), rgba(31, 39, 51, 0.9));
  color: rgb(197, 201, 209);
  border-bottom-style: solid;
  border-bottom-color: rgb(197, 201, 209);
  border-bottom-width: 5px;
  border-radius: 10px 10px 0px 0px;
  
  margin: 10px 10px 0px 10px;
  padding: 10px 10px 10px 10px;
  
  font-family: Arial, Helvetica, sans-serif;
  font-size: 30px;
  animation-name: h1a;
  animation-duration: 4s;
  animation-iteration-count: infinite;
}

.tdef {
  background: linear-gradient(to bottom, rgba(31, 39, 51, 0.9), rgba(31, 39, 51, 1));
  color: rgb(197, 201, 209);
  border-radius: 0px 0px 10px 10px;
  
  font-family: serif;
  font-size: 14px;
  
  margin: 0px 10px 10px 10px;
  padding: 10px 10px 10px 10px;
}

.first {
  background: linear-gradient(to bottom, rgba(31, 39, 51, 0.9), rgba(31, 39, 51, 1));
  color: rgb(197, 201, 209);
  border-radius: 10px;
  
  font-family: serif;
  
  margin: 10px 10px 10px 10px;
  padding: 10px 10px 10px 10px;
}

.list1 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
}

.list1 #intro {
    background: linear-gradient(to bottom, rgba(31, 39, 51, 0.9), rgba(31, 39, 51, 1));
    color: rgb(197, 201, 209);
    border-radius: 10px;
  
    font-family: serif;
  
    margin: 0px 10px 10px 10px;
    padding: 10px 10px 10px 10px;
}

.list1 #list {
    background: linear-gradient(to bottom, rgba(31, 39, 51, 0.9), rgba(31, 39, 51, 1));
    color: rgb(197, 201, 209);
    border-radius: 10px 10px 0px 0px;
  
    font-family: serif;
  
    margin: 0px 10px 0px 10px;
    padding: 10px 10px 10px 10px;
}

.list1 #listitems {
    background: linear-gradient(to bottom, rgba(31, 39, 51, 0.9), rgba(31, 39, 51, 1));
    color: rgb(197, 201, 209);
    border-radius: 0px 0px 10px 10px;
  
    font-family: serif;
  
    margin: 0px 10px 0px 10px;
    padding: 5px 10px 10px 30.5px;
}

.alk {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;

}

.alk > a{
  background: linear-gradient(to bottom, rgba(31, 39, 51, 0.9), rgba(31, 39, 51, 1));
  color: rgb(197, 201, 209);
  border-radius: 10px 10px 10px 10px;
  
  font-family: serif;
  
  margin: 10px 10px 10px 10px;
  padding: 10px 10px 10px 10px;
}

.artist {
  width: 100px;
  height: 100px;
  border-style: solid;
  border-color: rgb(255, 255, 255);
  border-width: 2.5px;
  margin: 10px 10px 10px 10px;
}

.cents {
    display: flex;
    justify-content: center;
    align-items: center;
}

.ltex {
    display: flex;
    justify-content: center;
    align-items: center;
}

.ltex div {
    background: rgba(31, 39, 51, 0.9);
    color: rgb(197, 201, 209);
    border-radius: 5px;
  
    font-family: serif;
  
    margin: 10px 10px 0px 10px;
    padding: 2px 5px 2px 5px;
}
.link {
  width: 40px;
  height: 40px;
  margin: 10px 10px 10px 10px;
}