body {
  color: white;
  background-color: black;
  background-image: url(https://i1.glitter-graphics.org/pub/2094/2094731i3vs3gkoya.gif);
  font-family: "Arial";
}

main{
background-color: black;
  border: 1px solid cyan;
    box-shadow: 0 0 5px cyan, 0 0 10px cyan;
}

.rightHead {
  background: #114a50;
  padding-left: 4px;
  border: 1px solid cyan;
    box-shadow: 0 0 5px cyan, 0 0 10px cyan;
}
h4 {
  color: #00e7ff;
  margin-bottom: 0px;
}
.infotable th {
  background: #0F363A;
  color: #00fff3;
  border: 1px solid cyan;
    box-shadow: 0 0 5px cyan, 0 0 10px cyan;
}
.infotable td {
  background: #000;
  border: 1px solid cyan;
    box-shadow: 0 0 5px cyan, 0 0 10px cyan;
}

.boxHead {
  background: #00fff3;
  color: transparent;
  padding: 4px 6px;
  border: 1px solid cyan;
    box-shadow: 0 0 5px cyan, 0 0 10px cyan;
}


.username {
  color: cyan;

}
.music {
  color: #000;
  border: 1px solid #999;
  padding: 4px;
  background: linear-gradient(#fdfdfd,#828282,#636363,#2d2d2d);
  border: 1px solid cyan;
    box-shadow: 0 0 5px cyan, 0 0 10px cyan;
}
.music audio {
  width: 100%;
  height: 32px;
  margin-bottom: -4px;
  filter: grayscale(0%) contrast(130%) invert(0%) opacity(100%);
  background: linear-gradient(#00e7ff,white);
}

.top-eight {
padding: 15px !important;
  border: 1px solid white;
    box-shadow: 0 0 5px cyan, 0 0 10px cyan;
  display: grid;
  grid-gap: 7px;
  grid-template-columns: repeat(4, [col] auto ) ;
  grid-template-rows: repeat(2, [row] auto  );
  background-color: transparent;
  color: #444;
  margin: 0px;
  width: 100%;
  }
 
  .top-eight-header {
text-align: center;
border: 3px solid white;

    grid-column: col 1 / span 4;
    grid-row: row 1;
    background: transparent; 
    color: white;
    font-weight: semi-bold;
    padding: 0px !important;

  }
 
  .top-eight-header p {
    padding-bottom: 0px !important;
    margin-botton: 0px;
  }
 
  .one-four{
    grid-column: col 1 / span 4;
    grid-row: row 2;
  }
 
  .five-eight{
    grid-column: col / span 4;
    grid-row: row 3;
  }

.profile .top-eight .person img {
border: 1px solid white;
width: 100px;
height: 100px;
}