html, body {font-family: "Rubik", serif;height:100vh;margin: 0;padding:0;}

#pageLoader {display:flex;justify-content: center;align-items: center;width:100%;height:100vh;padding:0;background-color: rgba(0,0,0,0.9);}
	#pageLoader svg {display:block;}
	#pageLoader .spinner {fill: #fff;transform-origin: center;animation: spin 2s linear infinite, pulseColor 2s ease-in-out infinite;}
	@keyframes spin {
	  0% { transform: rotate(0deg); }
	  100% { transform: rotate(360deg); }
	}
	@keyframes pulseColor {
	  0% { fill: #fff; }
	  50% { fill: #222; }
	  100% { fill: #fff; }
	}

#pageWrapper {display:none;box-sizing:border-box;width:100%;}

	header {}

	.wrapper {height: 100vh;padding:0;}

		#nav {}

		main#content {}

	footer {position:absolute;left:0;bottom:0;display:flex;justify-content: center;align-items: center;box-sizing:border-box;width:100%;background-color: #141313;font-size: 12px;color: #444;padding: 10px;}