dark_spacehey

/* 1- Most of the color are defined here */
:root{
/* [background color]: header on top */
  --logo-blue: #34568B!important;

/* [font color]: 'contacting' links, footer links, 'add comments' links, 'view blog' links*/
  --darker-blue: Cornsilk!important;

/* [background color]: table headers, main top menu, border color*/
  --lighter-blue: Black!important;


/* [background color]: 'interests' table (left column) */
/* [background color]: 'interests' table (right column) */
  --even-lighter-blue: LightSlateGrey!important;
  --lightest-blue: SlateGrey !important;


/* [font color]: 'blurbs' , 'friend space', 'friends comments' */
/* [background color]: 'blurbs' , 'friend space', 'friends comments' */
  --dark-orange: #FA7A35 !important;
  --light-orange: Black !important;

/* [background color]: 'friend comments' right column */
  --even-lighter-orange: LightSlateGrey!important;

}

/*20- [background color]:  the main entire page*/
body{
  background-color: #282D3C !important;
  /*background: url("./back.jpg");*/
}

/*24- width of the page */
.container{
  margin-top:10px!important;  /* added */
  width: 950px;
  border: 2px solid white;
}

/*32- [font color]: footer links, override almost all links*/
a{
  color: Yellow !important;
  font-weight: 600 !important;


}

/*108- font scale*/
/*     font weight [added by me] */
nav .links a{
  font-size: 1em;
  font-weight: 600; /* added */
}

/*117- [background color]: the main white area */
/*    [font color]: most of the fonts in the main area*/
/*    top and bottom space */
/*    font scale */
main{
  background: rgba(54, 57, 69, 1);
  color: white!important;
  padding: 20px 20px!important;
  margin-top: 5px!important; /* added */
  font-size: 90%!important;
  }

/*127- [background color]: footer area*/
/*     [Font color]: text footer area  [added by me]*/
/*     remove the margin top and bottom [added by me]*/
footer{
  background: #6B5876 !important;
  color: SeaShell !important; /* * */
  margin: 0px !important; /* * */
}

/*415- [font color]: 'interests' left column text */
.details-table td:first-child{
  color: AliceBlue!important;
}

/*471- [font color]: the link-text up to the friend photo  */
.profile .friends .person p{
  color: SpringGreen!important;
}

/*485- [font color]: text of 'comments' counter */
.count{
  color: Aqua!important;
}

/*496- [background color]: 'friend comments' left column */
.comments-table td:first-child,
.music-table td:first-child{
  background: SlateGrey;
}


/*819- [font color of the 'Online' text next to the user photo]: */
.online{
  color: PaleGreen!important;
}