/* [lir] ---------------------------------------------------- */

/* vars */
:root {
	

	--lir-col-bg: #f6f4ed;	/* universe */
	--lir-col-bg2: #fdfefe; 	/* sheet */
	--lir_col_gilb: #efe8d8; /**/

	--lir-col-font-hover: #efe8d8; /* gilb */
	--lir-col-hover: rgba(85, 85, 85, 0.15);
	--lir-col-element1: #b7b1a5; /* = lir-col-hover static (no transparency) */

	--lir-col-edge: #AAA;		/* paper edge */
	--lir-col-border: #b3aca7;

	/* Typo =========================*/
	--lir-font: 'zai_ConsulPolishTypewriter', mono-spaced;
	--lir-font-menu: 'zai_ConsulPolishTypewriter', mono-spaced;
	--lir-col-font: #555;
	--lir-col-font2: #aca49c;;
	--lir-col-txt: #666;	

	--lir-fontsize : 1.25rem;
	--lir-lineheight: 1.5;
	--lir-fontsize-menu: 1.25rem;
	--lir-lineheight-menu: 1.5rem;

	--lir-fontsize_M : .8rem;
	--lir-lineheight_M: 1.15;
	--lir-fontsize-menu_M: 1.25rem;
	--lir-lineheight-menu_M: 1.3rem;

	--lir-fontsize_S : .7rem;
	--lir-lineheight_S: 1.1;
	--lir-fontsize-menu_S: 1.15rem; 	
	--lir-lineheight-menu_S: 1.3rem;
	
/*	--lir-font-h1: 'Oswald', 'Poppins', sans-serif;
	--lir-fontsize-h1: 1.75rem;  
	--lir-font-h2: 'Oswald', 'Poppins', sans-serif;
	--lir-fontsize-h2: 1.25rem;  
*/
	--grey: #bdb5ab;
	--white: #ede8e8;
	--orange: #cf0400;
	--blue: #7ea3b6;

}

body {
	margin: 0px;
	padding: 0px;
}

.universe {
	display: flex;
	align-items: center;
	justify-content: center;
	background-color: var(--lir-col-bg);
	height: 100vh;
}

.galaxy {
	position: relative;
	margin: 0;
}

.world {
	width:500px;
}

.test-sheet {
	position: absolute;
	top: 0px;
	right: 0px;
	margin: 0;
	width: 25%;
	height: 20%;
	background-color: var(--lir-col-bg2);
	border: 0;
}

.sheetA { 
	position: absolute;	
	margin: 0px;
	top: 0px;
	left: 0px;
	/* size will be calculated in lirmedia.css */
	background-color: var(--lir-col-bg2);
	border: 0;
}

.sheetB {
	position: absolute;
	margin: 0px;
	bottom: 0px;
	right: 0px;
	/* size will be calculated in lirmedia.css */
	background-color: var(--lir-col-bg2);
	border: 0;
}


.spacing {
	width: 100%;
	height: 10px;
	background-color: blue;
}

.distance{
	width: 85%;
}

.center {
	margin: 0 auto;
}

.right {
	margin: 0 auto;
	text-align: right;
}

.left {
	margin: 0 auto;
	text-align: left;
}

.lirlogo {
	height: 100%;
	margin: 0 auto;
}

/* hide svg filters */
.svg-hide {
		visibility: hidden;
    height: 0px;
    width: 0px;
    position:absolute; 
/*  left:-2000px;*/
}

/* sepia images svg filter*/
.svg-sepia {
	filter: url(#svg-sepia);
}