body {
		background-color:rgb(0,0,0);
		overflow: hidden;
}

.test {
		position: relative;
		top: 30%;
		left: 40%;
}

.main_bg {
		position: fixed;
		left: 50%;
		top: 50%;
		image-rendering: pixelated;
		margin-left: -960px;
		margin-top: -960px;
}

.nd_bg {
		opacity: 0%;
		position: fixed;
		left: 50%;
		top: 50%;
		image-rendering: pixelated;
		margin-left: -960px;
		margin-top: -960px;
}


.logo {
		left: 40%;
		position: relative;
		z-index: 10;
}

.music {
		position: relative;
		z-index: 10;
		left: 42.5%;
		top: -50%;
		cursor: pointer; 
}

.bc {
		height: 26px;
		width: 26px;
		top: -47.5%;
		left: 55%;
		cursor: pointer;
		position: relative;
}

.player_wrap {
		position: relative;
		z-index: 10;
		left: -7%;
		top: -85%;
		cursor: pointer; 
		height: 50%;
		width: 40%;
}

.minus {
		height: 26px;
		width: 26px;
		top: -46%;
		left: -3.7%;
		position: relative;
		opacity: 40%;
		cursor: pointer;
}

.plus {
		height: 26px;
		width: 26px;
		top: -46%;
		left: -7%;
		position: relative;
		opacity: 40%;
		cursor: pointer;
		z-index: 14;
}

.play_button {
		height: 26px;
		width: 26px;
		top: 35%;
		left: 90%;
		position: relative;
}

.d_menu {
		opacity: 0%;
		height: 150px;
		width: 1000px;
		position: fixed;
		z-index: 10;
		top: 90%;
		left: 50%;
		margin-top: -75px;
		margin-left: -500px;
}


.wrap_music {
		display: flex;
		flex-direction: row;
		flex-wrap: wrap;
		opacity: 0%;
		pointer-events: none;
		position: fixed;
		height: 75%;
		width: 60%;
		left: 20%;
		top: 5%;
}

.cover_bg {
		/*border: 2px dotted red;*/
		position: fixed;
		left: 50%;
		top: 50%;
		width: 1920px;
		height: auto;
		margin-left: -960px;
		margin-top: -960px;
		pointer-events: none;
		image-rendering: pixelated;
		opacity: 0%;
}