.container-fluid{
  width:100%;
  background-color: #FFF7AE;
  height: 45px;
}
.nav-link{
  font-size: large;
}
.navbar-nav{
  width:100%;
  background-color: #FFF47D;
  height: 45px;
}
.footer {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}

.icons {
  padding-left: 2rem;
}

.navbarCollapse,
body {
  /* background: #69db5e; */
  /*background: #11998e; /* fallback for old browsers */
  /*background: -webkit-linear-gradient(
    to right,
    #38ef7d,
    #11998e
  ); /* Chrome 10-25, Safari 5.1-6 */
 /* background: linear-gradient(
    to right,
    #38ef7d,
    #11998e
  ); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
  /*color: white;*/
  color:black;
  background: #F1F7E7;
}

.nav-item {
  margin-left: 2rem;
  position: relative;
  left: 40rem;
  color: black;
}

#ig {
  color:black;
}

#wp {
  color: black;
}

#twt {
  color:black;
}

#dis {
  color:black;
}

#ig:hover {
  color: rgb(241, 85, 137);
}

#wp:hover {
  color: rgb(57, 235, 65);
}

#twt:hover {
  color: rgb(21, 145, 218);
}

#dis:hover {
  color: rgb(13, 70, 175);
}