@font-face {
	font-family: sahel;
	src: url('../font/Sahel.eot') format('eot'), /* IE6–8
	url('../font/Sahel.woff') format('woff'), /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
	url('../font/Sahel.ttf') format('truetype'); /* Saf3—5, Chrome4+, FF3.5, Opera 10+ */
}
body{
  min-height: 100vh;
  font: normal 16px sahel;
  text-align: right;
}
#colorful-nav h5 {
    color: white;
}

#colorful-nav .home {
    background-color: #f87912;
}

#colorful-nav .profile {
    background-color: #FFCC00;
}

#colorful-nav .statistics {
    background-color: #AADD00;
}

#colorful-nav .lists {
    background-color: #00CCCC;
}

#colorful-nav .about {
    background-color: #666699;
}

#colorful-nav .contact {
    background-color: #FF3333;
}

#colorful-nav .search {
    background-color: #2253e2;
}

#colorful-nav .navbar-nav .fas {
    font-size: 30px;
    margin-bottom: 10px;
    padding-top: 20px;
    color: white;
  }
  #colorful-nav .navbar-toggler {

      border-color: black;
      margin-left: 25px;
      margin-top: 25px;
      margin-bottom: 20px;
  }
  #colorful-nav .navbar-collapse  ul>li{
  padding-top: 20px;
  padding-bottom: 20px;
}
  #colorful-nav  .navbar-collapse a:hover {
  text-decoration: none;

}