body, html {
            margin: 0;
            padding: 0;
            overflow: hidden;
            height: 100%;
        }


      /* Estilizando para PC */
        @media (min-width: 1024px) {

  
.box {width:1012px; height:700px; position:relative; top:0px; left:0; background:url(https://qualeamusica.net/jpg/fundo.jpg) no-repeat; margin:0 auto; padding:0px; padding-bottom:0px; border-radius:0px; border:#999 solid 0px;}
   

	.disco {
            background:url(https://qualeamusica.net/jpg/disco.webp) -2px no-repeat; 
            width:595px;
            height:533px;
	    background-size: contain; /* Ajusta o tamanho da imagem para cobrir a �rea */
            vertical-align:top;
            position:absolute;
            top:px;
            left:1px;
          
         }      
  


.sair {
    width: 60px;
    height: 50px;
    background: url(https://i.imgur.com/eJW1EXr.jpg) no-repeat center;
    background-size: cover; /* Ajusta o tamanho da imagem para cobrir a �rea */
    position: absolute;
    top: 600px;
    left: 12px;
    z-index: 9999;
}




  
	.brincar{
  
	background:url(https://qualeamusica.net/jpg/Jjdjbff.jpeg) -2px no-repeat; 
  
	width:230px; 
  
	height:80px;
  
	float:right; 
  
	vertical-align:top; 
  
	position:relative; 
  
	top:551px; 
  
	left:190px;
  
	}
  
	.brincar:hover{
  
	background:url(https://qualeamusica.net/jpg/Qxj7ma0.jpeg)  -2px no-repeat; 
  
	width:230px; 
  
	height:80px;
  
	float:right;
  
	}
  

  
	.cadastro{
  
	background:url(https://qualeamusica.net/jpg/2.jpg)-4px no-repeat; 
  
	width:250px; 
  
	height:82px;
  
	float:right; 
  
	vertical-align:top; 
  
	position:relative; 
  
	top:550px; 
  
	left:-518px;
  
    	z-index:9999;
  

  
	}
  
	.cadastro:hover{
  
	background:url(https://qualeamusica.net/jpg/1.jpg)  -2px no-repeat; 
  
	width:250px; 
  
	height:82px;
  
	float:right;
  
	}
  
	
 
#player {
   	width:222px; 
  	height:207px;
    position: absolute;
  	top:248px; 
  	left:609px;
      z-index:9999; 
  
    }
        }