Just Dance Now Move by raindux

/* ==UserStyle==
@name           Just Dance Now Move 
@namespace      userstyles.world/user/raindux
@version        1.0.0
@description    A new userstyle
@author         Me
==/UserStyle== */

@-moz-document domain("justdancenow.com") {
    
	/*menu*/

#section-tabs,.state-songselection #players::before,  .controller-coins, .player-master, .state-songselection .player-color, .danceroom__qr-code-wrapper, .danceroom__label, .room-info__patch, #players.finding-dancers, #players.removing-dancers, .sprite, .coach::before, .state-coachselection .song-grid, .state-coachselection .song-details, .state-coachselection .song-action, .tutorial::before, .tutorial::after, .state-coachselection .highscore-display, .state-dance .avatar-wrapper, .state-dance .player-exp, .state-dance .player-flag, .caption.artist, .song-action__button::before, .song-action__button::after, .playlist-action__button, .line::after, .article::before, .exit-btn.exit-btn--play-again.exit-btn--animate, .account, .coach-selection__button::after, .coach-selection__button::before, .modal__link.openIframe, .item .song__difficulty, .state-songselection .feedback, .account, .side-nav, .tabs--connect, .song__reward, .state-tutorial #players, .coach-selection::after, .state-dance .player-logo--vip,.state-afterdance #players,#afterdance::before,#afterdance .song-info,.trainer-icon, .dr-landing__icon-wrapper, .dr-landing__label, .landing-patch, .dr-landing::before, .landing__video, .landing-arrow.scroll_down, .landing-text__subtitle, .landing-text__title, .landing-circle, .landing-button__txt, .logo, .toggle::after, .toggles::before, #afterdance .player-solo .player .score::before, .player-logo.player-logo--vip, .songlist-container .song-grid--description, .item-selected .song__decoration:after,.grid-img,.section-grid-trainer,.playlist--banner__selected,.tabs, .state-coachselection #preview:after, .item:after, .video-preview, .state-songselection .song-cover--low-res, .sprites-container,.info-panel, .song-grid--description , .song-grid--duration,.connect-phone-info--clickable .connect-phone-info__text::before, .modal__container::after, .song-cover--low-res:before, .platform, #admin-menu .menu__head,#admin-menu .legal__list, #admin-menu .player--controller::before,.tutorial__image,.tutorial__caption, .state-coachselection #preview:before, .state-coachselection #room-info, .state-dance #room-info, .state-tutorial #room-info, .state-afterdance #room-info, .state-coachselection #settings,.connect-phone-info__text,.state-coachselection .dancerOfWeek-container,.playlist-img-container .playlist-title-details .playlist--description
{display: none !important}

.coverflow--container {
    float: left;
    width: calc(105% - 0rem);
    height: 110%;
    position: absolute;
    padding: 0.2rem 0.15rem 0.1rem 0.25rem;
    margin: 0 0.15rem 0 0;
    overflow: hidden;
    border-radius: 10px 10px 0 0;
    box-shadow: 0px 6px 12px #908f8f;
    font-family: "Just Dance Regular";
	top: -0%;
	left: -2.45%;
	z-index: 99999;
}

@font-face
{font-family: "Just Dance Regular";src: url('https://dl.dropboxusercontent.com/s/94t0xj3f8dol172/HelveticaNeueLTW1G-65Md.woff?dl=0') format('woff') ;}

@font-face 
{
    font-family: "Just Dance";
    src: url('https://dl.dropboxusercontent.com/s/tcjvag8iy02to2w/HelveticaNeueLTW1G-BdCn.woff?dl=0') format('woff');
    src: url('https://dl.dropboxusercontent.com/s/63qqnyfy9s1cl60/HelveticaNeueLTW1G-BdCn.woff2?dl=0') format('woff2');
}

@font-face{
    font-family:"helveticaneue-medium";
     src: url('https://dl.dropboxusercontent.com/s/sfkrh4w30jsznzl/HelveticaNeueMedium.woff?dl=0') format('woff')
}

#room-info
{
    background: #0000;
    left: 90%;
    width: 10%;
    border-radius: 15px;
    height:9.85% !important;
    min-height: 0% !important;
    top: 5%;
    opacity: 1;  
}

.danceroom__number
{
    text-shadow: none;
    color: #5f5f5f;
    font-size: 30%;
    text-align: right !important;
}	

.playlist-grid-container
{
    width: 100% !important;
    position: absolute;
	top: 53%;
	height: 20% !important;
    display: flex;
  grid-template-columns: 30% 30% 30%;
  grid-gap: 3.36%;
    padding-left: 1%;
}

.playlist:hover .playlist--img, .playlist-selected:hover .playlist--img
{
    padding: 0 !important
}	

.playlist-grid .playlist--description {
    font-size: 0.138rem;
    line-height: 0.168rem;
    color: #fff0;
    display: block;
}

.playlist-grid .playlist--title {
    display: block;
    font-size: 0.185rem;
    line-height: 0.23rem;
    color: #3c3c3c;
    font-family: "Just Dance Regular";
    letter-spacing: -1px;
}

.grid-container .item-container .song__cover,.song--focused .song__cover,.grid-container .item-container .item:hover .song__cover,.grid-container .item-container .item.item-selected .song__cover,.song__cover,.song--focused .song__cover,.playlist-grid .item-container .song__cover,.song--focused .song__cover,.playlist-grid .item-container .item:hover .song__cover,.playlist-grid .item-container .item.item-selected .song__cover,.song__cover,.song--focused .song__cover
{
    height: 100%;
    width: 100%;
	padding: 2%;
    border-radius: 15px !important;
}

#preview
{
	background: linear-gradient(transparent,#0000);
	height: 59%;
	width: 96%;
	border-radius: 0;
	left: 2%;
}


.item-container
{
	width: 100000% !important;

}

.item
{
	margin-left: -5em !important;
	left: 15em;
	top: 57%;
	transform: scale(1.1);
	transition: none !important
}

.grid-container .item-container .item.item-selected .song__cover {
    border-radius: 0px;
    border: solid #920dff 3px;
}

.item-container, .song--details
{scroll-snap-type: x mandatory !important;scroll-padding: 18%;}
 
.item-selected
{
	scroll-snap-align: start !important;
    transform: scale(1.15);
	margin-left: -5em !important;
} 


.grid-container .item-container .title-container {
    font-family: "Just Dance";
    letter-spacing: -1px;
    font-size: 80%;
    line-height: inherit;
    color: #fff;
    float: none;
    padding: 0.05rem 0 0 0.04rem;
}

#preview .song-details
{
    width: 200%;
    overflow: hidden;
    padding:0.1rem;
    background-image: linear-gradient(to right, #f61c9700, #f8892000);
    border-radius: 10px;
    position: absolute;
    top: 2rem;
    left: 1.6rem;
	z-index: 9999;
	transform: scale(1.5);
}

.song-detail__text
{
	animation: none !important;
}




.song-cover
{
	width: 482%;
	height: 140%;
	background-size: 104.5%;
	background-position: center;
	background-color: #d5d5d5;
	border: none !important;
	left: -10%;
	top: -37%;
}


.song-cover:after
{
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    background: linear-gradient(transparent 40%, #000 75%);
    z-index: -39;
}

.song-cover:before
{
	content: "";
	position: absolute;
	width: 100%;
	height: 100%;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	background-color: #0000;
}


.state-songselection .song-cover:before
{
	content: "";
	position: absolute;
	width: 55%;
	height: 115%;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
	background-color: #0000;
	top: -1%;
	left: 45%;
	transform-origin: center bottom;
}

.state-songselection .pre-beat.odd .song-cover
{
	animation: beatodd 0.6s;
}

@keyframes beatodd
{
	0%
	{
		background-size: 108%
	}
}

.state-songselection .pre-beat.odd .song-cover:before
{
	animation: beatoddbefore 0.4s;
}

@keyframes beatoddbefore
{
	0%
	{
		transform: scale(0.98)
	}
}


.video-preview
{
	opacity: 0
}

	#preview .song-details
{
    width: 200%;
    overflow: hidden;
    padding:0.1rem;
    background-image: linear-gradient(to right, #f61c9700, #f8892000);
    border-radius: 10px;
    position: absolute;
    top: 2rem;
    left: 1.5rem;
	z-index: 9999;
	transform: scale(1.5);
}

.song-detail__text
{
	animation: none !important;
}

.song-detail__title
{
	color: #fff !important;
	font-family: Just Dance !important;
	transform: translateY(10%);
	
}

.song-detail__artist
{
	color: #920dff !important;
	font-family: Just Dance !important;
	transform: translateY(-10%);
	
}
	
#coverflow
{background-image: none!important}
.coverflow--container
{background: none}
#just-dance-now
{background-color: #000}




.song-grid--details .song-grid--close {
    width: 0.265rem;
    height: 0.265rem;
    cursor: pointer;
    border-radius: 40%;
    transition: all 0.15s;
    background-color: #920dff;
    background-repeat: no-repeat;
    background-position: -1px 0px;
    background-size: cover;
    position: absolute;
    top: 620%;
    right: 92%;
    z-index: 9999999 !important;
}

.song-action:before
{
	content: "";
    position: absolute !important;
    width: 20%;
    height: 60%;
	transform: scale(2.3);
	pointer-events: none !important;
    background-image: url(https://imgur.com/O9hT3v9.png);
    background-size: 60%;
    background-repeat: no-repeat;
    left: -78%;
	z-index: 9999999;
    opacity: 1 !important;
    top: -18%
}

.song-action__button, .playlist-action__button
{
    left: -93%;
    background: #00000073!important;
    top: -80%;
    font-family: Just Dance Regular !important;
    transform: scale(0.8);
    text-transform: uppercase;
    font-size: 15%;
    width: 30%;
    height: 140%;
    border-radius: 10px;
		color: #fe037400
}

	.song-grid--details .song-grid--titleDetails .song-grid--title
{
    color: #920dff;
    font-size: 0.2rem;
    width: 200%;
    height: 0.235rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-family: "Just Dance";	
	position: absolute !important;
	margin-top: 60%;
	margin-left: 6%;
	border-bottom: #fff0 0.1em solid;
}

.song-grid--details .song-grid--titleDetails
{
    width: 90%;
    height: 100%;
    color: #fff;
    border-bottom: 1px solid #cecccc00;
    font-family: "OpenSans Regular";
    letter-spacing: -1px;	
}


.state-songselection #players
{
	background-color: #0000;
	left: -7%;
	top: 1%;
	z-index: -999999;
}

.state-songselection .dancercard .player-name {
    width: 90%;
   ...