html, body {
		width: 100%; 
		height: 100%
	}
	
	@font-face {
	  font-family: "ZrnicRg-Regular";
	  src: url("./fonts/zrnicrg.eot"); /* IE9 Compat Modes */
	  src: url("./fonts/zrnicrg.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
		url("./fonts/zrnicrg.otf") format("opentype"), /* Open Type Font */
		url("./fonts/zrnicrg.svg") format("svg"), /* Legacy iOS */
		url("./fonts/zrnicrg.ttf") format("truetype"), /* Safari, Android, iOS */
		url("./fonts/zrnicrg.woff") format("woff"), /* Modern Browsers */
		url("./fonts/zrnicrg.woff2") format("woff2"); /* Modern Browsers */
	  font-weight: normal;
	  font-style: normal;
	}
	
	#flex-container{
		display: flex;
		width: 100%;
		height: 100%;
	}
	
	#swiffycontainer {
		margin: auto;
	}

	@media screen and (orientation:portrait) {
		#swiffycontainer {
			width: 100vw;
			height: 75vw;
		}
	}

	@media screen and (orientation:landscape) {
		#swiffycontainer{
			width: 132.6vh;
			height: 100vh;
		}
	}