body input + label {
			position: fixed;
			top: 40px;
			right: 40px;
			height: 20px;
			width: 35px;
			z-index: 5;
		}
		body input + label span {
			position: absolute;
			width: 100%;
			height: 2px;
			top: 50%;
			margin-top: -1px;
			left: 0;
			display: block;
			background: #020304;
			transition: .5s;
		}
		body input + label span:first-child {
			top: 3px;
		}
		body input + label span:last-child {
			top: 16px;
		}
		body label:hover {
			cursor: pointer;
		}
		body input:checked + label span {
			opacity: 0;
			top: 50%;
		}
		body input:checked + label span:first-child {
			opacity: 1;
			transform: rotate(405deg);
		}
		body input:checked + label span:last-child {
			opacity: 1;
			transform: rotate(-405deg);
		}
		body input ~ nav {
			background: white;
			position: fixed;
			top: 0;
			left: 0;
			width: 100%;
			height: 100px;
			z-index: 3;
			transition: .5s;
			transition-delay: .5s;
			overflow: hidden;
			border-bottom: 3px solid #b3c7d7;
		}
		body input ~ nav > ul {
			position: absolute;
			top: 1%;
			left: 0%;
			right: 20%;
		}
		body input ~ nav > ul > li {
			opacity: 0;
			transition: .5s;
			transition-delay: 0s;
		}
		body input ~ nav > ul > li > a {
			text-decoration: none;
			text-transform: uppercase;
			color: #020304;
			font-weight: 700;
			font-family: sans-serif;
			display: block;
			padding: 30px;
		}
		body input:checked ~ nav {
			height: 100%;
			transition-delay: 0s;
		}
		body input:checked ~ nav > ul > li {
			opacity: 1;
			transition-delay: .5s;
		}