html {
	overflow-y: scroll;
	scrollbar-color: #3c2e4f #23202b;
}

body {
	background-color: rgba(0, 0, 0,0.2);
	/*border: solid 1px rgba(255, 255, 255,0.1);
	outline:solid 1px rgba(0, 0, 0,0.2);*/
    width: 1280px;
    margin:10px;
    margin-right: auto;
    margin-left: auto;
	
	/*change this to change text color, size and font*/
	color: #eee;
	font: 18px "Trebuchet MS", Helvetica, sans-serif;
}

a:link {
	color: rgb(24, 182, 108);
}

/* visited link */
a:visited {
	color: rgb(24, 182, 108);
}

a:active {
	color: rgb(24, 182, 108);
}

/* mouse over link */
a:hover {
	color: rgb(65, 240, 160);
}






.flex_none{
	display: flex;
}
.flex_horiz{
	display: flex; flex-direction: row;
}
.flex_vert{
	display: flex; flex-direction: column;
}
.flex_just{
	justify-content: space-between;
}
.flex_aligncenter{
	align-items: center;
}
.flex_justcenter{
	justify-content: center;
}
.img_float_left{
	float: left;    
	margin: 0 15px 0 0;
}
.img_float_right{
	float: right;    
	margin: 0 0 0 15px;
}
.float_left{
	float: left;
}
.float_right{
	float: right;
}

.wrap{
	margin:auto;
	width:1260px;
}
.header{
	background-color: #0b0a0d;
}
.card_left{
	width:350px;
	min-width:350px;
	height:700px;
	background-color: #23202b;
	overflow-y: auto;
	
	/*change this to change background*/
	background: #19191c url("bg_2c.png") no-repeat top;
	
}
.card_main{
	width:910px;
	height:700px;
	background-color: #5a4c6d;
	overflow-y: auto;
}
.card_main p{
	margin-left:10px;
}
.card_main p[align="center"]{
	margin-left:0px;
}
.p_lessmargin{
	margin:10px;
}
.pad{
	padding:16px;
}
.gallery{
	width:100%;
	overflow-x:auto;
}
.gallery img{
	height:190px;
	margin-left:2px;
	margin-right:2px;
	margin-bottom:2px;
    cursor: pointer;
}
.sepbar {
	height: 1px;
	margin:auto;
	margin-top:4px;
	margin-bottom:8px;
	max-width:100%;
	border-bottom: solid 2px #eee;
}
.txtsmall {
	font-size: 15px;
}
.txtbig {
	font-size: 35px;
}


/*
@media only screen and (orientation: portrait) {
  body {
    background-color: lightblue;
  }
}*/