body, html {
  height: 100%;
  margin: 0;
}

.bg {
  /* The image used */
  background-image: url("yilu-background.jpeg");

  /* Full height */
  height: 100%;

  /* Center and scale the image nicely */
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.icon-bar {
  width: 100%;
  height: 25%;
  background-color: rgba(255, 255, 255, 0.1);
  overflow: auto;
  position: fixed;
  bottom: +10%;
}

.icon-bar a {
  float: left;
  width: 25%;
  height: 100%;
  text-align: center;
  padding-top: 3%;
  transition: all 0.3s ease;
  color: white;
  font-size: 600%;
}

.icon-bar a:hover {
  background-color: dodgerblue;
}

.active {
  background-color: dodgerblue !important;
}