@font-face {
    font-family: 'letrasTipo';
    src: url("fonts/GhostBrushFont.ttf");
}
  .fuente{
	font-family: letrasTipo;
  }
  
.sombras{
	box-shadow:0.3em 0.3em 1em rgba(0,0,0,0.3);
	border: 0px solid black;
	border-radius: 12px;
	/*height: 80%;
    width: 100%;*/
	margin-bottom: 1.5%;
	
}
.banne{
    margin-bottom: 5%;
    margin-top: 5%;
    text-align: center;
}

.contenedor{
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
}
.container{
	min-height: 100vh;
}
.enlaces{
	
	max-width: 500px;
	/*max-height: 100px; */
	width: 410px;
	height: 81px;
	width: 100%;
	/*height: 100%;*/
	margin-left: 10%;
	margin-right: 10%;
}

body, html {
            margin: 0;
            padding: 0;
            height: 100%;
            overflow-y: auto;
			background-color: #b3cde0;
}
        
.ultimaCancion{
	position: relative;
	text-align: center;
	max-width: 300px;
	max-height: 300px;
	width: 100%;
	height: 100%;
			/*border-style: solid;*/
	
}
.divplay{
	position:absolute;
	width:100%;
	height:100%;
	display: flex;
	justify-content: center;
	align-items: center;
}
.bordes{
  border: 2px solid black;
  border-radius: 8px;
  padding: 5px;
  width: 100%;
  height: 100%;
  display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}


@media (max-width: 600px) {
	.ultimaCancion{
		position: relative;
		text-align: center;
			max-width: 300px;
			max-height: 300px;
			width: 100%;
			height: 100%;
			/*border-style: solid;*/
			margin-top: 10%;
			/*padding-right: 12.47%;
			padding-left: 12.47%;*/
	}

}