/* inherit 

*/


body {
/* 		border: 1px solid blue;
 */
	
	background-color:  rgba(0,0,0,.9); 
	color: rgba(255,255,255,1);
	width:100vw;
	height:100vh;


}

.flex {
		border: whitie 2px solid;
	display:flex;
	position:absolute;
	justify-content: center;
	align-items: flex-start;
	box-sizing: border-box;
	margin:auto;
}

.flex-index {
	display:flex;
	position:absolute;
	justify-content: center;
	align-items: center;
	box-sizing: border-box;
	margin:auto;
}

.flex-content {
	max-width: 720px;

}

.center-container {
/* 		border: 1px solid red;
 */	display:flex;
	flex-direction: row;
	position:relative;
	align-items: center;
	justify-content: center;
	max-width: 80vw;
	
}

.center-container-text {
		/* border: 1px solid yellow; */
	display:flex;
	flex-direction: column;
	position: relative;
	margin-right: 20%;
	align-items: center;
}

.center-container-split {
	display:flex;
	flex-direction: row;
	position:relative;
	align-items: center;
	justify-content: center;
}

.center-container-button {
/* 	border: 1px solid orange;
 */	display:flex;
	flex-direction: row;
	position: relative;
}

div {
/* 	border: 1px solid green;
 */}

img {
	max-width: 100%;
	height: auto;
}

.gallery {
	margin: 5px;
	padding: 5px;
}

.example {
	width: 50%;
	margin:10px;
	padding:10px;
}

#ashie {
	position:absolute;
	min-height:300px;
	width: auto;
	top: 0;
	left: 25%
}

#shmike1 {
	max-width: 100%;
}

header {
	text-align:center;
	margin:auto;
	padding:3px;
}

header img {
	max-width:100%;
	max-height:100%;
}

nav {
	text-align: center;
}

nav li {
	display:inline-block;
	font-size:20px;
	
}
	
h1 {
	text-align:center;
	margin:auto;
	padding: 5px;
}
	
h2 {
	text-align:center;
	background-color: gray;
	padding: 5px;
}

a {
	margin:5px;
	padding:5px;
	color:cyan;
}

a:hover {
	color:rgba(255,255,255,.9);
}
	
a:active {
	color:rgba(0,0,0,.9);
}

section {
	background-color:rgba(255,255,255,0.1);
	margin:5px;
	padding:10px;
}

p {
		margin:5px;
}

li {
	padding:1px;
}