body {
  width: 99%;
  margin-top: 150px;
  scroll-padding-top: 200px;
}

h2 {
  margin-top: -150px;
  padding-top: 150px;
}
        
/* adiciona margem superior para evitar que o conteúdo seja sobreposto pelo header */
      

::-webkit-scrollbar{
	background-color: #9c724c;  	
	width:15px;
        height:20px;
	-webkit:6px 6px 6px :#9c724c;
}
::-webkit-scrollbar-thumb{
        border-radius:15px;
	background-color:#000000;/*FACE MUDA AQUI*/
}

background-color: #000000;
}

.music-container {
        position: relative;
        width: 100%;
	display: flex;
	align: center;
        justify-content: space-between;
	margin-bottom: 5px;
}

.copy-icon {
	display: inline-block;
	width: 21px;
	height: 21px;
	margin-left: 10px;
	background-image: url('https://musicalconnect.com.br/Imagens/vector_copy_icon.png');
	/* Substitua o caminho pela imagem do ícone de cópia */
	background-size: contain;
	background-repeat: no-repeat;
	cursor: pointer;
}

.copy-icon:hover {
	opacity: 0.7;
}

.balao {
  position: relative;
  display: inline-block;
  margin-left: 5px;
  padding: 2px 2px;
  background-color: #9c724c ;
  color: #000;
  border-radius: 5px;
  font-size: 14px;
}

.balloon {
  position: relative;
  display: inline-block;
  margin-left: 5px;
  padding: 2px 10px;
  background-color: rgba(0, 186, 255, 1);
  color: #fff;
  border-radius: 5px;
  font-size: 14px;
}

.button-plt {
  background-color: #9c724c ; /* Cor de fundo */
  border: none; /* Sem borda */
  color: white; /* Cor do texto */
  padding: 8px 18px; /* Espaçamento interno */
  text-align: center; /* Alinhamento do texto */
  text-decoration: none; /* Sem decoração de texto */
  display: inline-block; /* Exibir como bloco */
  font-size: 16px; /* Tamanho da fonte */
  margin: 2px 2px; /* Margem externa */
  cursor: pointer; /* Cursor do mouse */
  border-radius: 4px; /* Arredondamento de borda */
}

.button-plt:hover {
  background-color: #c9aa87; /* Cor de fundo ao passar o mouse */
}


body {
	scrollbar-3d-light-color: #d1bdab;
	scrollbar-arrow-color: #d1bdab;
	scrollbar-base-color: #d1bdab;
	scrollbar-dark-shadow-color: #d1bdab;
	scrollbar-face-color: #000000;
	scrollbar-highlight-color: #d1bdab;
	scrollbar-shadow-color: #d1bdab;
}

body {
	background-color: #000000;
}

body,
td,
th {
	color: #ffffff;
	font-weight: Regular;
	font-family: Lucida Bright MS, Geneva, Lucida Bright;
	font-size: 13px;NOME DO CANTOR
}

a:link {
	color: #a38e7f;
}

a:visited {
	color: #3a72ab;/*quando clica na musica*/
}

a:hover {
	color:#b0957d;
}

a:active {
	color: #baab84;
}

a {
	font-style: negrito;
	font-size:17px;
	color: #ab8767;/*cor da musica*/
}

.music-link.selected:after {
	content: "\2713";
	/* Marca de seleção */
	margin-left: 5px;
}

.style1 {
	color: #9e5e31;
}

.nome-cantor-ativo {
	color: red;
}


body {
	scrollbar-face-color: #d1bdab;
	scrollbar-highlight-color: #d1bdab;
	scrollbar-shadow-color: #d1bdab;
	scrollbar-3dlight-color: #d1bdab;
	scrollbar-arrow-color: #d1bdab;
	scrollbar-track-color: #D0C3BA;
	scrollbar-darkshadow-color: #d1bdab;
}

body {
	scrollbar-face-color: #d1bdab;
	scrollbar-highlight-color: #d1bdab;
	scrollbar-shadow-color: #d1bdab;
	scrollbar-3dlight-color: #d1bdab;
	scrollbar-arrow-color: #d1bdab;
	scrollbar-track-color: #d1bdab;
	scrollbar-darkshadow-color: #d1bdab;
}

BODY {
	BORDER-RIGHT: #d1bdab 8px ridge;
	BORDER-TOP: #d1bdab 8px ridge;
	BORDER-LEFT: #d1bdab 8px ridge;
	BORDER-BOTTOM: #d1bdab 8px ridge;
}

body {scrollbar-face-color: #A78796;scrollbar-highlight-color: #d1bdab;scrollbar-shadow-color: #d1bdab;scrollbar-3dlight-color: #d1bdab;scrollbar-arrow-color: #d1bdab;scrollbar-track-color: #D0C3BA;scrollbar-darkshadow-color: #d1bdab;} 
body {scrollbar-face-color: #d1bdab;scrollbar-highlight-color: #d1bdab;scrollbar-shadow-color: #d1bdab;scrollbar-3dlight-color: #d1bdab;scrollbar-arrow-color: #d1bdab;scrollbar-track-color: #d1bdab;scrollbar-darkshadow-color: #d1bdab;}