body {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 1em;
  background-color:#000000;
  color: #cccccc;
}
h1{
    color: #ffcd00;
    font-weight:500;
    font-size: 2em;
    margin-block-start: 0.67em;
    margin-block-end: 0.67em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
}
h2{
    font-weight:500;
}
hr{
    width: 80%;
    border-color: #ff6d00;
}
.ctext {
text-align: center;
margin-bottom: 5em;
position:relative;
}

.imgtitle{
    position:absolute;
    margin:auto;
    left:0;
    right:0;
    margin-top:0.67em;
    z-index: 2;
}

.leftimg{
    position:absolute;
    left:10%;
    z-index: 1;
    height:230px;
    margin-top:1em;
}

.middleimg{
    position:absolute;
    margin:auto;
    left:0;
    right:0;
    margin-top:1em;
    z-index: 1;
    height:230px
}

.rightimg{
    position:absolute;
    right:10%;
    z-index: 1;
    height:230px;
    margin-top:1em;
}

.headerimgs {
text-align: center;
margin-top: 0.4em;
margin-bottom: 3em;
position:relative;
}

.ftext{
  float: right;
  vertical-align: middle;
  margin:1em;
}
.footer {
  position: fixed;
  z-index: 10;
  left: 0;
  bottom: 0;
  width: 100%;
  color: #cccccc;
  background-color: #000000c0;
  text-align: center;
  font-style: italic;
  font-size: 0.8em;
}

.socials{
  float: left;
  vertical-align: middle;
}

.simg {
  width: 4em;
margin :0.5em;
}


.center {
  display: block;
  margin-left: auto;
  margin-right: auto;
  height: 150px;
}
.headersp {
  display: inline-block;
  margin-left: auto;
  margin-right: auto;
  margin-bottom:-0.5em;
  width: 15%;
  padding:0.7em;
}

.headeryt {
  display: inline-block;
  margin-left: auto;
  margin-right: auto;
  margin-bottom:-0.5em;
  width: 14%;
  padding-left:0.7em;
  padding-right:0.7em;
  padding-top:0.7em;
  padding-bottom:0.5em;
}

.headersc {
  display: inline-block;
  margin-left: auto;
  margin-right: auto;
  margin-bottom:-0.5em;
  width: 18%;
  padding-left:0.7em;
  padding-right:0.7em;
  padding-top:0.7em;
  padding-bottom:0.5em;
}

.headerdz {
  display: inline-block;
  margin-left: auto;
  margin-right: auto;
  margin-bottom:-0.5em;
  width: 12%;
  padding:0.7em;
}

.headerqb {
  display: inline-block;
  margin-left: auto;
  margin-right: auto;
  margin-bottom:-0.5em;
  width: 10%;
  padding:0.7em;
}

.headerap {
  display: inline-block;
  margin-left: auto;
  margin-right: auto;
  margin-bottom:-0.5em;
  width: 12%;
  padding:0.7em;
}

.centersp {
  display: inline-block;
  margin-left: auto;
  margin-right: auto;
  margin-bottom:2em;
  height: 60px;
}

.centerqb {
  display: inline-block;
  margin-left: -15%;
  margin-right: auto;
  margin-bottom:2em;
  padding: 10px;
  height: 60px;
}
.centerap {
  display: inline-block;
  margin-left: 23%;
  margin-right: auto;
  margin-bottom:2em;
  height: 75px;
}


.centerti {
  display: inline-block;
  margin-left: auto;
  margin-right: 12%;
  margin-bottom:2em;
  height: 40px;
}
.centerdz {
  display: inline-block;
  margin-left: 10%;
  margin-right: auto;
  margin-bottom:2em;
  height: 60px;
}


.centeryt {
  display: inline-block;
  margin-left: 15%;
  margin-right: auto;
  margin-bottom:2em;
  padding:10px;
  height: 50px;
}

.centeram {
  display: inline-block;
  margin-left: -10%;
  margin-right: auto;
  margin-bottom:2em;
  height: 50px;
}
.container {
  display: grid;
  grid-template-columns:20% 20% 20% 20% 20%;
  align-items: center;
}

.floatspotify{
  margin-left: 15px ;
  margin-right: 15px;
    aspect-ratio: 141/41;
  height: 60px;
}
.floattidal{
    aspect-ratio: 753/100;
  margin-left: 15px ;
  margin-right: 15px;
  height: 30px;
}
.floatapple{
  margin-left: 15px ;
  margin-right: 15px;
    aspect-ratio: 823/225;
  height: 50px;
}
.floatyoutube{
    aspect-ratio: 2366/441;
  margin-left: 15px ;
  margin-right: 15px;
  height: 30px;
}
.floatamazon{
    aspect-ratio: 262/56;
  margin-left: 15px ;
  margin-right: 15px;
  height: 30px;
}

/* unvisited link */
a:link {
  color: #ccffcc;
  text-decoration:none;
}

/* visited link */
a:visited {
  color: #ccffcc;
  text-decoration:none;
}

/* mouse over link */
a:hover {
  color: #ffba00;
  text-decoration:none;
}

/* selected link */
a:active {
  color: #ccffcc;
  text-decoration:none;
}