body{
  background-color: rgb(255, 153, 0);
}
#navbar {
  list-style-type: none;
  margin: 0;
  padding: 0;
  overflow: hidden;
  float: right;
  background-color:linear-gradient(45deg, rgb(255, 208, 10) 100%, rgb(255, 165, 30) 50%, rgb(250, 150, 10));
  position: fixed;
  top: 0;
  width: 65vw;
}

li {
  float:inherit;
}

li a {
  display: block;
  color: white;
  text-align: center;
  padding: 10px 16px;
  text-decoration: none;
  font-family:'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
}

li a:hover:not(.active) {
  background-color: #111;
}

.active {
    color: black;
  background-color: linear-gradient(0deg, rgb(85, 90, 255) 100%, rgb(227, 123, 125) 100%, rgb(255, 228, 180));
}
div.gallery {
  position: relative;
  top:5vw;
  left:30vw;
  margin: 10px;
  border: 5px solid rgb(255, 179, 80);
  float: left;
  width: 180px;
}

div.gallery:hover {
  border: 5px solid rgb(255, 81, 0);
}

div.gallery img {
  width: 100%;
  height: auto;
}

div.desc {
  padding: 20px 30px;;
  text-align: center;
  background-color: rgb(255, 183, 95);
  border-radius: 4px;
  font-family: Arial, Helvetica, sans-serif;
}