body {
  background: url("images/onymous_web_background.jpg") no-repeat center center 
  fixed;
  background-size: cover;
  margin: 0;
  padding: 0;
}

.container {
  max-width: 650px;
  margin: 50px auto;
  overflow: none;
    
}

.box {
  width: 95%;
  float: left;
  margin: 10px 10px;
  background-color: rgba(235, 235, 225, 0.0);
  padding: 20px;
  
}

.row {
  margin-bottom: 10px;
    text-align: center;
    color: antiquewhite;
}

.center {
  margin: 70px 0px;
    text-align: center;
    color: white;
}

.row img {
  width:100%;
  height: auto;
  display: block;
    margin-left: 15px;
}

@media only screen and (max-device-width: 480px) {

.row img {
    margin-left: 0px;
}
}

.channel {width: 100%; height: 70px;
background: rgba(235, 235, 225, 0.25)
url("images/waveform.png") no-repeat center;
  background-size: 75%;
    width: 100%;
}

.channel:hover {
background-color: rgba(235, 235, 225, 0.5);
}


img.channel {width: 70px; float: left;}
img.play {width: 70px; float: right;}
img.center {width: 70px;}


/* YOUTUBE*/

.youtube-video {
  aspect-ratio: 16 / 9;
  margin-left:auto;
  margin-right: auto; 
width: 100%;
    
}


/* INSTA*/

.insta { 
    
      display: flex;
      justify-content: center;
      align-items: center;

    
}


/* FONTS*/
/* Apply Roboto font to the entire body */
body {
  font-family: 'Roboto', sans-serif;
}

/* Set headings to bold */
h1, h2, h3, h4, h5, h6 {
  font-weight: 300;
}


/* CSS for mobile screens (max-width: 768px) */
@media (max-width: 768px) {
  .container {
    width: 100%;
    font-size: 16px;
    
  }
  
  .box {margin-left: -10px; }
  
}