.music_tile { font-family: "Noto Sans JP", "Roboto", sans-serif; display: flex; flex-direction: column; max-width: 300px; margin: auto; perspective: 800px; .track_name { font-size: 1.2em; } .artist_name { font-size: 1em; } .album_name { font-size: 0.9em; color: #9c9c9c; } p { margin: 0; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } p#musicStatus { text-align: center; margin-bottom: 20px; } hr { margin: 10px 0px; border: none; height: 1px; background-color: grey; } img#mainArtwork { max-width: 100%; max-height: 100%; object-fit: contain; margin: auto; } div.artwork_container { display: flex; margin: 20px; border-radius: 10px; height: 260px; width: 260px; } .floaty { animation: 2s alternate infinite ease-in-out scale, 3s alternate infinite ease-in-out rotate; } div#playingBars { margin: 0; border-radius: 0; mask: url(music_bars.svg) no-repeat center; background-color: #ffffff; height: auto; padding: 0; display: none; } } @keyframes scale { 0% { scale: 1; } 100% { scale: 1.03; } } @keyframes rotate { 0% { transform: rotate3d(-1, 1, -1, 3deg); } 100% { transform: rotate3d(1, 1, 1, 3deg); } }