anchor.diff:  	color: #EEE;
   }
   
  +h1 .version {
  +	font-weight:400;
  +	color:#AAA;
  +}
  +
   header {
   	padding: 1em;
   }
  
positive.code: #pagesGroup {
  	overflow-y: overlay;
  	height: calc(100vh - 4.2rem);
  	scroll-snap-type: y proximity;
  }
  
  .pageView {
  	display: inline-block;
  	width: 20em;
  	height: 25em;
  	max-height: 100%;
  	max-width: 100%;
  	padding: 0 1rem 1.5rem;
  	box-sizing: border-box;
  	transition: width 0.25s linear, height 0.25s linear, padding 0.25s linear;
  	scroll-snap-align: start;
  }
  
  .pageView .pageContainer {
  	width: 100%;
  	height: calc(100% - 5rem);
  	overflow: hidden;
  	box-shadow: 0 0 0 0.05rem #ffffff88;
  }
  
  .pageView .page {
  	width: 400%;
  	height: 400%;
  	transform: scale(0.25) translate(-150%, -150%);
  	border: none;
  	background: #FFF;
  	transition: width 0.25s linear, height 0.25s linear, transform 0.25s linear;
  }
  
  .pageView .name {
  
negative.code: 
  var pages = document.querySelectorAll(".page");
  
  var scale = 1;
  document.body.addEventListener("wheel", function(wheel) {
  	if (wheel.shiftKey) {
  		if (wheel.deltaY < 0) {
  			// in
  			scale = Math.min(1, scale * Math.pow(1.001, Math.abs(wheel.deltaY)));
  		} else {
  			// out
  			scale = Math.max(0.164, scale / Math.pow(1.001, Math.abs(wheel.deltaY)));
  		}
  		var rounded = Math.round(scale * 100) / 100;
  		//pagesGroup.style.transitionDuration = (Math.abs(scroll.deltaY) / 400) + "s";
  		pagesGroup.style.fontSize = (rounded * 100) + "vw";
  		var pc = (1 / rounded) * 100;
  		var pageScale = pc + "%";
  		var trans = (pc - 100) / 2;
  		for (var i = 0; i < pages.length; i++) {
  			var style = pages[i].style;
  			style.width = pageScale;
  			style.height = pageScale;
  			style.transform = "scale(" + rounded + ") translate(-" + trans + "%, -" + trans + "%)";
  		}
  	}
  });
  