/* Position and sizing of burger button */

.bm-burger-button {
  position: fixed;
  width: 30px;
  height: 20px;
  left: 30px;
  top: 30px;
}

/* Color/shape of burger icon bars */

.bm-burger-bars {
  background: rgb(116, 116, 116);
}

/* Color/shape of burger icon bars on hover*/

.bm-burger-bars-hover {
  background: #ffffff;
}

/* Position and sizing of clickable cross button */

.bm-cross-button {
  height: 30px;
  width: 36px;
}

/* Color/shape of close button cross */

.bm-cross {
  background: #ffffff;
}

/*
Sidebar wrapper styles
Note: Beware of modifying this element as it can break the animations - you should not need to touch it in most cases
*/

.bm-menu-wrap {
  position: fixed;
  height: 100%;
}

/* General sidebar styles */

.bm-menu {
  background: #2d3748;
  padding: 2.5em 1.5em 0;
  font-size: 1.15em;
}

/* Morph shape necessary with bubble or elastic */

.bm-morph-shape {
  fill: #ffffff;
}

/* Wrapper for item list */

.bm-item-list {
  color: #b8b7ad;
  padding: 0.8em;
}

/* Individual item */

.bm-item {
  display: inline-block;
}

/* Styling of overlay */

.bm-overlay {
  background: rgba(0, 0, 0, 0.3);
}

span {
  font-size: 14px;
  font-weight: 100;
}

.nav-item:hover {
  color: rgb(255, 255, 255);
}

.disney-nav {
  position: fixed;
  width: 100%;
  z-index: 1;
}

canvas {
  position: absolute;
  left: 0;
  top: 0;
  z-index: -1;
}