styles.css

@import url("https://fonts.googleapis.com/css2?family=Redressed&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,300;1,100;1,300&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Handlee&display=swap");

body {
  align-items: center;
  text-align: center;
}

.heading {
  color: yellowgreen;
  font-family: "Redressed", cursive;
}

a,
a:hover,
a:focus,
a:active {
  text-decoration: none;
  color: inherit;
  text-decoration: underline;
}

.songs {
  color: blue;
  font-family: "Roboto", sans-serif;
}

.songs a,
a:hover,
a:focus,
a:active {
  text-decoration: none;
  color: inherit;
}

.button {
  background-color: red; /* Green */
  border: none;
  color: white;
  padding: 15px 32px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;
  font-family: "Handlee", cursive;
}

/*Lyrics Directory*/
.lyrics-heading {
  color: lightgreen;
  font-family: "Redressed", cursive;
}

.lyrics {
  color: red;
  font-family: "Roboto", sans-serif;
}