@charset "UTF-8";
/* CSS Document */

/*body*/
body {
	background-color:#000000;
	color:#FFFFFF;
	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
			
}


/*grid guide*/		
	.wrapper {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-gap: 1em;
  grid-auto-rows: minmax(100px, auto);
}
/*header*/
.header {
  grid-column: 2;
  grid-row: 1;
}
			
/*navi bar*/
		.navi {
				grid-column: 2;
				grid-row: 2 ;
				}
			.navi-grid {
			  display: grid; 
				grid-template-columns: repeat(3, 1fr);
				gap: 2em;
			grid-auto-rows: 2 em;
			}
			
			
			.navi a {
				color: #CCCCCC;
				text-align: center;
				font-size:1.5em;
				}
					.navi a:hover {
						color:#FFFFFF;
				}

/* Page elements*/


	

.para {
	grid-columns: 1/3;
	grid-row-start:3;
	font size:1em;
}
a {
	color:#FFF;
	font-size: 1.5em;
	font-style: normal;
	font-weight: lighter;
	font-variant: small-caps;
	text-transform: capitalize;
	
	
}

p{font-size:5%;}
	/*modal*/
/* The Modal (background) */

/*footer*/
.footer
{color:#FFFFFF;
grid-column:1;
grid-row:4;}