Navbar.css

/*
Navbar.css by brwck
-----------------------
Last updated: 24-11-17
-----------------------
Please notify me at http://www.techviewforum.com/ if there are any bugs.
Feel free to edit this style sheet.
*/
/*Body margin*/
body, html{
  margin:0px;
}
/* Navbar base
Structure of the navigation bar
*/
.navbar{
  padding-left:5%;
  padding-right:5%;
  overflow:hidden;
  font-family: 'Roboto', sans-serif;
}
.navbar a{
  transition: background 0.2s ease-out;
  text-decoration:none;
}
.right:hover{
  transition:background 0.2s ease-in;
  background-color: rgba(0, 0, 0, 0.2)
}
.right{
  float:right;
  padding:20px;
}
.left:hover{
  transition:background 0.2s ease-in;
  background-color: rgba(0, 0, 0, 0.2);
}
.left{
  float:left;
  padding:20px;
}
/* Navbar Dark */
.navbar-dark{
  background-color:#262626;
}
.navbar-dark a{
  color:white;
}
/* Navbar Light */
.navbar-light{
  background-color:whitesmoke;
}
.navbar-light a{
  color:#707070;
}
/* Navbar Blue */
.navbar-blue{
  background-color:#2196F3;
}
.navbar-blue a{
  color:white;
}
/* Navbar Red */
.navbar-red{
  background-color:#F44336;
}
.navbar-red a{
  color:white;
}
/* Navbar Yellow */
.navbar-yellow{
  background-color:#FFC107;
}
.navbar-yellow a{
  color:white;
}
/* Navbar Orange */
.navbar-orange{
  background-color:#FF5722;
}
.navbar-orange a{
  color:white;
}
/* Navbar Green */
.navbar-green{
  background-color:#4CAF50;
}
.navbar-green a{
  color:white;
}
/* Navbar Custom (change the #****** color to whatever you want) */
.navbar-orange{
  background-color:#4CAF50;
}
.navbar-orange a{
  color:white;
}