*{
  margin: 0;
  padding: 0;
}

a{
  text-decoration: none;
}

.navbar{
  display: flex;
  padding-left: 20px;
  padding-right: 20px;
  padding-top: 0px;
  padding-bottom: 10px%;
  background-color: #000000;
  font-size: 14px;
}

.logo{
  margin-left: 5px;
  color: #ffffff;
  font-size: 14px;
  font-weight: bold;
}

.main_nav{
  display: flex;
  width: 80%;
  float: right;
  margin-right: 2%;
  justify-content: space-between;
  list-style: none;
}
.main_nav li:hover{
  background-color: #00a3cc
}

.main_nav li{
  display: inline;
  color: #ffffff;
}
.main_nav li a{
  color: #ffffff;
}