body,
		html {
			margin: 0;
			padding: 0;
			width: 100%;
			height: 100%;
			background-color: #26394E;
		}

		#menu {
			height: 100%;
			position: fixed;
			background-color: #FED057;
			width: 300px;
			transition: 1000ms all cubic-bezier(0.19, 1, 0.22, 1);
			transform: translateX(-100%);
			left: 60px;
			z-index: 1;
		}

		#menu.expanded {
			transform: translateX(0%);
			left: 0px;
		}

		.menu-inner {
			width: 100%;
			height: 100%;
			position: relative;
		}

		#blob {
			top: 0;
			z-index: -1;
			right: 60px;
			transform: translateX(100%);
			height: 100%;
			position: absolute;
		}

		#blob-path {
			height: 100%;
			fill: #FED057;
		}

		.hamburger {
			right: 20px;
			position: absolute;
			width: 20px;
			height: 20px;
			margin-top: -10px;
		}

		.hamburger .line {
			width: 100%;
			height: 4px;
			background-color: rgba(14.9,22.4,30.6,0.6);
			position: absolute;
		}

		.hamburger .line:nth-child(2) {
			top: 50%;
			margin-top: -2px;
		}

		.hamburger .line:nth-child(3) {
			bottom: 0;
		}

		

		ul.menu {
			font-family: Taviraj Light, Frank Ruhl Libre Light,Inria Serif Light, Forum;
			padding: 0;
			list-style: none;
			width: 80%;
			margin-left: 10%;
			position: absolute;
			top: 10px;
		}

		ul.menu li.menu {
			font-family: Taviraj Light, Frank Ruhl Libre Light,Inria Serif Light, Forum;
			color: #26394e;
			padding: 20px 0;
			cursor:pointer;
		}

		h2 {
			position: absolute;
			left: 50%;
			color: #fff;
			margin: 0;
			font-size: 16px;
			font-family: sans-serif;
			font-weight: 100;
		}