html {
  background-image: url('shells.jpg');
  background-size: 36vw;
}
::-webkit-scrollbar {
  width: 15px;
  background-color: #7a8587;
  border-radius: 20px;
}
::-webkit-scrollbar-track {
  box-shadow: inset 0 0 2px blue; 
  border-radius: 60px;
}
::-webkit-scrollbar-thumb {
  background-color: #996172; 
  border-radius: 60px;
  box-shadow: inset 0 0 2px #6e2568; 
  height: 20px;
}
::-webkit-scrollbar-thumb:hover {
  background: #733648 ;  
}
.header {
  font-family: glegar;
  font-size: 16vh;
  color: #f5baec;
  text-shadow: 8px 15px 0 #8f3982;
  letter-spacing: 8px;
  word-spacing: 7px;
  font-weight: normal;
  background-image: url('water.gif');
  background-size: 8vw;
  width: 75vw;
  text-align: center;
  border-radius: 45px;
  margin-top: 3vh;
}
@font-face {
  font-family: glegar;
  src: url(glegar.ttf);
}
.link {
  color: #d8f2d5;
}
.bottom-left {
  position: fixed;
  bottom: 0;
  left: 0;
}
.key {
background-image: url('water.gif');
  width: 25vw;
  font-weight: bold;
  position: fixed;
  font-size:  20px;
  text-align: center;
  border-radius: 20px;
  line-height: 2.2;
  letter-spacing: 3px;
  word-spacing: 5px;
  margin-left: 5vw;
  border: 2px solid white;
  margin-top: -5vh;
}
.current {
  background-image: url('water.gif');
  color: white;
  width: 25vw;
  font-weight: bold;
  position: fixed;
  font-size:  20px;
  text-align: center;
  border-radius: 20px;
  line-height: 2.2;
  letter-spacing: 3px;
  word-spacing: 5px;
  margin-left: 5vw;
  margin-top: 22vh;
  border: 2px solid white;
}
.artist {
  padding-top: 100%;
  background-color: #f2d5de;
  text-indent: 6vw;
  width: 50vw;
  margin-left: 35vw;
  border-radius: 20px;
  letter-spacing: 2px;
  word-spacing: 3px;
  padding: 2vw;
  margin-bottom: 5vh;
}
.artistshell {
  width: 6vw;
  margin-left: -6.5vw;
  margin-top: -10vh;
  position: absolute;
}
.artistheader {
  font-size: 20px;
  font-weight: bold;
}
.artistdesc {
  line-height: 1.2;
}
.artistfaves {
  font-style: italic;
}
.artistfavesRUSSIAN {
  
}
.song {
  background-color: #e4d5f2;
  text-indent: 6vw;
  width: 50vw;
  margin-left: 35vw;
  border-radius: 20px;
  letter-spacing: 2px;
  word-spacing: 3px;
  padding: 2vw;
  margin-bottom: 5vh;
}
.songshell {
  width: 6vw;
  margin-left: -6.5vw;
  margin-top: -10vh;
  position: absolute;
}
.songheader {
  font-size: 20px;
  font-weight: bold;
}
.songdesc {
  line-height: 1.2;
}
.album {
  background-color: #d5e9f2;
  text-indent: 6vw;
  width: 50vw;
  margin-left: 35vw;
  border-radius: 20px;
  letter-spacing: 2px;
  word-spacing: 3px;
  padding: 2vw;
  margin-bottom: 5vh;
}
.albumshell {
  width: 6vw;
  margin-left: -6.5vw;
  margin-top: -10vh;
  position: absolute;
}
.albumheader {
  font-size: 20px;
  font-weight: bold;
}
.albumdesc {
  line-height: 1.2;
}
.albumfaves {
  font-style: italic;
}