// all css needed for mp3 player
body, html {
  margin: 0;
  padding: 0;
  height: 100%;
  background: #000;
}

.mpcats {
	color: #00A5F4;
	font-size: 13px;
	font-weight : bold;
	text-decoration: none;
}
a.mpcats {
	color: #00A5F4;
	font-size: 13px;
	font-weight : bold;
	text-decoration: none;
}
a.mpcats:hover {
	color: #960000;
	font-size: 13px;
	font-weight : bold;
	text-decoration: none;
}
.Lnk {
	font-size: 16px;
	font-weight:bold;
	color: #CAEEFF; 
	text-decoration:none;
}
a.Lnk {
	font-size: 16px;
	font-weight:bold;
	color: #CAEEFF; 
	text-decoration:none;
}
a.Lnk:hover {
	font-size: 16px;
	font-weight:bold;
	color:#FFFF00; 
	text-decoration:underlne;
}

.screen-wrapper {
  position: relative;
  width: 100%;
  height: 100vh;
  overflow: hidden;
}

.border-svg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 2;
}

.marching-border {
  animation: crawlBorder 4s linear infinite;
}

@keyframes crawlBorder {
  0% {
    stroke-dashoffset: 0;
  }
  100% {
    stroke-dashoffset: 60; /* change to -60 for left to right crawl */
  }
}

.content-wrapper {
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start; /* change to 'center' if you want vertical centering */
  padding-top: 0px;
  margin-top: 0;
}

.tbl-brdr5 {
    background: #000;
    border: 2px solid #990000;
    border-collapse: separate;
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    text-shadow: none;
    margin-bottom: 3px;
    padding: 8px;
}

.album-cover {
  width: 75px;       /* adjust size */
  height: auto;
  display: block;
  margin: 10px auto;  /* centers the image */
  border-radius: 8px; /* optional styling */
}