.sidebar-right {
  position: fixed;
  width: 260px;
  top: 0px;
  bottom: 0px;
  right: 0px;
  background-color: rgba(0, 0, 0, 0.5);

  color: #dddddd;
  font-family: "Courier New", Courier, monospace;

  display: flex;
  flex-direction: column;
}

.div-song-recommendation {
  margin: 20px;
  margin-bottom: 10px;
  margin-top: 10px;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}

.favorite-song {
  font-size: 12px;
  color: #999999;
}

.cover-art {
  width: 220px;
  margin-top: 7px;
  margin-bottom: 10px;
  border-radius: 5px;
}

.song-name {
  font-weight: bold;
  margin-bottom: 7px;
}

.by {
  font-size: 12px;
  color: #999999;
}

.artist-name {
  font-size: 12px;
  color: #999999;
}

.below-lastfm {
  flex: 1;
  display: flex;
  flex-direction: column;
}

.div-links {
  width: 260px;
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  bottom: 0px;
  color: white;
  font-family: "Courier New", Courier, monospace;
  margin-bottom: 20px;
}

.button-link {
  margin-top: 23px;
}

.button-link-top {
  margin-top: 10px;
}

.button-youtube {
  width: 177px;
  margin: auto;
  position: relative;
}

.button-youtube:hover {
  content: url(/graphics/images/button-youtube-hover.png);
}

.button-steam {
  width: 132px;
  margin: auto;
  position: relative;
}

.button-steam:hover {
  content: url(/graphics/images/button-steam-hover.png);
}

.button-discord {
  width: 169px;
  margin: auto;
  position: relative;
}

.button-discord:hover {
  content: url(/graphics/images/button-discord-hover.png);
}

.button-spotify {
  width: 156px;
  margin: auto;
  position: relative;
}

.button-spotify:hover {
  content: url(/graphics/images/button-spotify-hover.png);
}

.button-guestbook {
  width: 231px;
  margin: auto;
  position: relative;
}

.button-guestbook:hover {
  content: url(/graphics/images/button-guestbook-hover.png);
}

.div-buttons {
  display: flex;
  flex-direction: column;
  flex: 1;
}

.div-button-gallery {
  display: flex;
  flex: 1;
  flex-direction: column;
  align-content: center;
  justify-content: center;
}

.button-gallery-row-top {
  height: 31px;
  width: fit-content;
  margin-left: auto;
  margin-right: auto;
}

.button-gallery-row {
  height: 31px;
  width: fit-content;
  margin-left: auto;
  margin-right: auto;
  margin-top: 10px;
}

.sidebar-badge {
  width: 88px;
  height: 31px;
}

.div-add-my-button {
  width: 220px;
  text-align: center;
  bottom: 0px;
  right: 0px;
  display: flex;
  flex-direction: column;
  align-items: center;
  margin: 20px;
}

.button-add-my-button-link {
  text-decoration: none;
  transition: 0.1s;
  color: #dddddd;
  margin-bottom: 7px;
}

.button-add-my-button-link:hover {
  color: #d1acce;
  cursor: pointer;
}

.button {
  width: 88px;
  height: 31px;
}