body {

			background-color: black;
		}
		
		#scrolly {
			position: relative;
		}


		article {
			position: relative;
			width: 700px;
			max-width: 100vw;
		}

		.step {
			min-height: 100vh;

			color: white;

		}


		.step.centrum {
			min-height: 30vh !important;
		}

		.step .text {
			opacity: .1;
			transition: 1s;
		}

		.step.is-active {
			color: white;
		}

		.step.is-active .text {
			opacity: 1;
		}


		h5 {
			opacity: 0;
		}

		
		body {
			margin: 0px;
			overflow-x: hidden;
		}


		
		.step-background {
			xheight: 100%;
			width: 100%;
			opacity: 0;
			visibility: hidden;
			font-size: 300%;
			overflow: hidden;
			
			
			position: fixed;
			left: 0px;
			bottom: 0px;
			background-size: cover;
			background-position: left bottom;

			background-position: center center;
			background-repeat: no-repeat;
			
			transform: scale(1.4);
			transition: transform 15s, opacity 2s, visibility 2s;
			transition-delay: .5s;
			

		}
		
		#mapid, .step-background {
					z-index: -1 !important;
				}
				
		#mapid {
			opacity: 0;
			transition: 2s;
		}
		
		#mapid.show {
			opacity: 1;
		}
				
		.step-background.no-zoom {
			transform: scale(1);
		}
		
		
		.step.is-active .step-background {
			opacity: 1;
			visibility: visible;
			transform: scale(1);
			transition-delay: 0s;
		}
		
		#background-overlay {
			
			z-index: 0;
			width: 100vw;
			height: 100vh;
			min-height: -webkit-fill-available;
			position: fixed;
			bottom: 0px;
			left: 0px;
				
			/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#000000+0,000000+100&0.76+0,0+100 */
			background: -moz-linear-gradient(65deg,  rgba(0,0,0,0.76) 0%, rgba(0,0,0,0) 100%); /* FF3.6-15 */
			background: -webkit-linear-gradient(65deg,  rgba(0,0,0,0.76) 0%,rgba(0,0,0,0) 100%); /* Chrome10-25,Safari5.1-6 */
			background: linear-gradient(65deg,  rgba(0,0,0,0.76) 0%,rgba(0,0,0,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
			filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c2000000', endColorstr='#00000000',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */


		}
		
		.illustration img {
			max-width: 60vw;
			max-height: 60vh;
			opacity: 0;

		}

		.illustration {
			margin-top: 10vw;
			margin-bottom: 10vw;
			width: 100vw;
			border: 0px red solid;
			background-size: contain;
			background-repeat: no-repeat;
		}
		

		#mapid {
					
			z-index: 0;
			width: 100vw;
			height: 100vh;

			position: fixed;
			top: 0px;
			left: 0px;		
		}


         pre {
            overflow-x: auto;
            white-space: pre-wrap;
            white-space: -moz-pre-wrap;
            white-space: -pre-wrap;
            white-space: -o-pre-wrap;
            word-wrap: break-word;
         }

		
		#footer .step-background {
			background-size: 10%;
			background-position: center center;
			background-color: #136976;
		}
		
		/* TYPE */
		
		a {
			color: #35d2ea;
			transition: .33s;
			text-decoration: none;
		}

		li strong {
			color: #35d2ea;
		}

		a:hover {
			color: white;
		}
		
		.step {
			font-family: 'Nobel';
			font-size: 140%;
			line-height: 1.5em;
		}
		
		.step .text {
			padding: 4vw;
		}
		
		em, i, strong {
			font-style: normal;
			font-weight: bold;
		}
		

		li {
			font-size: 110%;
			line-height: 1.5em;
		}
		
		li em {
					color: #35d2ea;	
		}
		
		h2 {
			font-weight: normal;
						line-height: 1.5em;
		}

		h1, h2, h3 {
			margin: 0px;
			display: inline;
			font-weight: normal !important;
		}
		
		h1 strong, h2 strong, h3 strong {		
			font-weight: normal !important;
		}
		
		
		h1 {
			font-style: italic !important;
			font-family: 'mencken-std';
			font-size: 320%;
			line-height: 1.5em;

		}
		

		
		h2 {
			font-size: 150%;
		}

		h2 em, h2 strong {
			font-family: 'mencken-std';
			color: #35d2ea;
		}
		
		
		
		.basel {
			width: 100%;
			height: 100%;
			background-size: cover;
			background-position: center center;
			
		}
		
		
		#basel2 {
			animation: pulse 1s infinite;
		}

		@keyframes pulse {
		  0% {
		    opacity: 0;
		  }
		  50% {
		    opacity: 1;
		  }
		  100% {
		    opacity: 0;
		  }
		}