body {
  background: url(https://i.imgur.com/o73TyP0.png) 50% 50% / cover fixed;
}

#container {
  display: flex;
  flex-direction: column;
  place-content: center;
  place-items: center;
  background: #f000;
  background: url(https://i.imgur.com/dEgsOZX.pngg) 50% 50% / cover fixed;
}

.topLeft {
  display: flex;
  flex-direction: column;
  place-content: center;
  place-items: center;
  width: calc( 60% - 20px )
}

.boxInfo {border: none;}

.boxHead {border: none;background: red;}

.fwiendFace {background: red;width: calc( 24% - 6px ); height: calc( 24% - 6px );}
.fwiendFace img {filter: contrast(400) sepia(1) hue-rotate(310deg) saturate(50);}

.url {background: red; border: 0px; color: white; width: 100%;}
.url a {color: white !important;}
.rightHead {background: red;color: white;}
h4 {color: red;background: white;
margin-bottom: 10px;}

.tableLeft {background: red;}
.tableLeft a {color: white;}
.tableRight {background: red;color: white;}

.blogs div, .blog div {background: red; color: white; text-shadow: 2px 2px black; & a {color: white; font-size: 16px;}}