/* html, body {
  height: 100%;
  -webkit-perspective: 1000;
  overflow: hidden;
}

body {
  background-color: white;
  font-family: sans-serif;
  position: relative;
}
 */
.menu__toggle span {
  display: none !important;
}
.menu__toggle.star_david span {
  display: block !important;
}
.menu__toggle.star_david svg {
  display: none;
}
.menu__toggle svg {
	fill: #c0c0c0;
}
.menu__toggle {
  z-index: 9999;
  width: 30px;
  height: 28px;
  right: 60px;
  top: 25px;
  position: absolute;
  cursor: pointer;
  
  .bar__one, .bar__two, .bar__three {
    width: 100%;
    background: #c0c0c0;
    height: 3px;
    display: block;
    margin-bottom: 6px;
    backface-visibility: hidden;
    border-radius: 10px;
  }
}

.off__canvas {
	 z-index: 9999;
	width: 300px;
	height: 100vh;
	background: #eaeaea;
	position: absolute;
	top: 0;
	right: 0;
	opacity: 0;
	padding: 20px;
	overflow-y: auto;
}
.off__canvas.open_menu {
	opacity:1;  
}
.scrolloff {
	overflow-y: hidden;
}
/* 
h1 {
  font-family: 'Rubik', sans-serif;
  font-size: 20px;
  top: 50%;
  left: 50%;
  position: absolute;
  transform: translate(-50%, -50%);
  margin: 0;
  padding: 0;
} */