/* CSS is how you can add style to your website, such as colors, fonts, and positioning of your
   HTML content. To learn how to do something, just try searching Google for questions like
   "how to change link color." */

body {
  background-color: #800080;
  color: #008200;
  font-family: Times;
}

.spotify-embed {
  position: absolute;
  top: 50px; /* move down */
  left: 670px; /* move right */
}

.img1 {
  width: 100px;
  height: auto;  /* keeps proportions */
}

.img2 {
  width: 200px;
  height: auto;
}

.img3 {
  width: 200px;
  height: auto;
}

.img1 {
  position: absolute;
  top: 250px;
  left: 20px;
}

.img2 {
  position: absolute;
  top: 350px;
  left: 20px;
}

.img3 {
  position: absolute;
  bottom: 50px;
  left: 50px;
}

/* Default link color (unvisited) */
a:link {
  color: #00FA9A; /* Or any color name, hex code, RGB, etc. */
}

/* Color for visited links */
a:visited {
  color: #004526;
}

/* Color when the mouse hovers over the link */
a:hover {
  color: #008080;
}

/* Color when the link is being clicked (active state) */
a:active {
  color: #01796F;
}

/* Color when the link is focused (e.g., via keyboard navigation) */
a:focus {
  color: #009000;
}