@import url("https://fonts.googleapis.com/css2?family=Butcherman&family=Creepster&family=Lovers+Quarrel&family=Nabla&family=Rubik+Bubbles&family=Silkscreen&display=swap");

body {
  display: flex;
  flex-direction: column;
  height: 95vh;
  cursor: url(cursor/hindu.cur) 12 24, auto;
}

body h1 {
  margin: 0px 0px 8px;
  padding: 0px;
}

body a {
  border: 3px solid var(--bright);
  border-radius: 4px;
  text-decoration: none;
  padding: 12px;
  margin: 0px;
}

.aguilera:hover {
  color: blueviolet;
  cursor: url(cursor/aguilera.cur) 4 12, wait;
  background-color: cyan;
  font-size: 40px;
  font-family: "Silkscreen", cursive;
}

.parishilton:hover {
  color: magenta;
  cursor: url(cursor/parishiton.cur) 4 12, wait;
  background-color: aqua;
  font-family: "Creepster", cursive;
  font-size: 40px;
  /* width: fit-content; */
}

.rihanna:hover {
  color: lime;
  cursor: url(cursor/rihanna.cur) 4 12, wait;
  background-color: blueviolet;
  font-family: "Rubik Bubbles", cursive;
  font-size: 40px;
}

.britney:hover {
  color: yellow;
  cursor: url(cursor/britney.cur) 4 12, wait;
  background-color: magenta;
  font-size: 35px;
  font-family: "Butcherman", cursive;
  /* width: fit-content; */
}

.aaliyah:hover {
  color: cyan;
  cursor: url(cursor/aaliyah.cur) 4 12, wait;
  background-color: yellow;
  font-size: 50px;
  font-family: "Lovers Quarrel", cursive;
}

.beyonce:hover {
  color: cyan;
  cursor: url(cursor/beyonce.cur) 4 12, wait;
  background-color: lawngreen;
  font-size: 40px;
  font-family: "Nabla", cursive;
}

.aguilera:hover {
  color: blueviolet;
  cursor: url(cursor/aguilera.cur) 4 12, wait;
  background-color: cyan;
  font-size: 40px;
  font-family: "Silkscreen", cursive;
}