/* Three image containers (use 25% for four, and 50% for two, etc) */
 .column {
    float: left;
    width: 33.33%;
    padding: 5px;
  }
  
  /* Clear floats after image containers */
  .row::after {
    content: "";
    clear: both;
    display: table;
  } 

  .flex-container {
    display: flex;
    flex-direction: row;
    justify-content: center;
    margin: 10px;
    justify-content: space-between;
  }

   /* Style all font awesome icons */
.fa {
    padding: 30px;
    font-size: 50px;
    width: 75px;
    text-align: center;
    text-decoration: none;
  }
  
  /* Add a hover effect if you want */
  .fa:hover {
    opacity: 0.7;
  }
  
  /* Set a specific color for each brand */
  
  /* Facebook */
  .fa-reddit {
    background: #ff7b00;
    color: white;
    size: 120%;
  }
  
  /* Twitter */
  .fa-twitter {
    background: #55ACEE;
    color: white;
    size: 120%;
  } 

  .fa-instagram{
    background: #21006e;
    color: white;
    size: 120%;
  }

  .fa-google{
    background: #550000;
    color: white;
    size: 120%;
  }

  .navbar {
    margin: auto;
    width: 50%;
    justify-content: center;
    /* navigation bar */
    list-style-type: none;

    background-color: rgb(19, 62, 64);
  }

.navbar-nav{
    padding-left:10%;
    padding-right:10%;
    /* navigation bad padding;space between elements */
  }

  .highlight{
    background-color: rgb(19, 62, 64);
  }

.nav-link{
  color: rgb(128,128,128);
  margin: 8px;
}


.title{
  color: rgb(128,128,128);
}

.meow{
  background-color:rgb(19, 62, 64);
}