/*
* Class that is supposed to be used in a DIV and changes the position of the DIV to a fixes one
* so it stays in place whatever happens. It also make's the div a square a position it at the lower left corner.
*/
.floatingButton{
  position:fixed;
  width:60px;
  height:60px;
  bottom:40px;
  right:40px;
  background-color: white;
  color:#4a4a4a;
  border-radius:50px;
  text-align:center;
  box-shadow: 2px 2px 3px #999;
}

/*
* Class that is to invert the colors of the div when the mouse is over it.
*/
.floatingButton:hover{
  position:fixed;
  width:60px;
  height:60px;
  bottom:40px;
  right:40px;
  background-color:#4a4a4a;
  color:white;
  border-radius:50px;
  text-align:center;
  box-shadow: 2px 2px 3px #999;
}

/*
* Changes the color of when a menu item is active.
*/
.menu-list a.is-active {
  background-color: #4a4a4a;
  color: white;
}

/*
* Class that is supposed to be used in a DIV. It makes a div round like a dot.
*/
.dot {
  height: 25px;
  width: 25px;
  border-radius: 50%;
  display: inline-block;
}