body {
	margin:0 auto;
	font-family: lucida;
	color: ghostwhite;
	background-attachment: fixed;
	background-color: darkslateblue;
	overflow-x: hidden;
	}

.space {
	margin-left: 10px; 
	margin-right: 10px;
	}


.total {
	margin-left:auto;
	margin-right:auto;
	text-align:center;
	max-width:850px;
	position:relative;
	}

	
.logo {
	max-width:100%;
	max-height:500px;
	
	}
	
.wrap {
	text-align:left;
	border: 1px solid black;
	border-radius: 15px 15px 15px 15px;
	background-color:rgb(72,61,139,.9);
	margin-bottom:5px;
	padding-left:10px;
	padding-right:10px;
	overflow:hidden;
	}

	
.tile {
	display: inline-flex;
	width: auto;
	padding-bottom:2px;
	padding-right:15px;


}

.thumb {
		max-width:auto;
		max-height:30px;
		margin-top:10px;
}






div.hide {}

@media screen and (max-width: 1000px) {
  div.hide {
    display: none;
  }
}

.box {
   	font-size:16px;
    text-align: left;
	backdrop-filter: blur(5px);
	opacity:.95;
	margin-left:auto;
	margin-right:auto;
	padding: 10px;
 	overflow: scroll;
    border: 2px solid #2C3539	;	
	border-radius: 15px 15px 15px 15px;
	display:inline-block;
	-ms-overflow-style: none;  /* IE and Edge */
	scrollbar-width: thin;  /* Firefox */
	border-radius: 15px;
}
.navbar {
	max-width:70px;
	font-size:14px;
    text-align: center;
	display:inline-block;
	float:left;
	opacity:.95;
	margin-left:auto;
	margin-right:1%;
	padding: 2px;
 	overflow: scroll;
    border: 1px solid ghostwhite	;	
	border-radius: 15px 15px 15px 15px;
	display:inline-block;
	max-height:525px;
	border-radius: 15px;
}
.left {
	float: left;
	padding-left:5px;
	padding-right:5px;}


.right {
	float: right;
	padding-left:10px;
	padding-right:10px; }


.smallimg	{
		max-width: 50px;
		height:50px;
}


.link {
	text-decoration: underline;
	color:darkslateblue;
}


@media screen and (max-width: 1000px) {
  .hide {
    display: none;
  }
}

.grad {
  background: -webkit-linear-gradient(45deg, #ffcc99, #ff66cc);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  text-shadow: none;
  font-family: lucida;
  font-size:48px;
  font-weight:bold;	opacity:.9;
}

.grad2 {
  background: -webkit-linear-gradient(60deg, #ffdbb7, #ff93db);
    background:-moz-linear-gradient(60deg, #ffdbb7, #ff93db);
    background:-o-linear-gradient(60deg, #ffdbb7, #ff93db);
    background:-ms-linear-gradient(60deg, #ffdbb7, #ff93db);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  text-shadow: none;
  font-weight:bold;
}

.link {
	color:#b7e1f3;
	text-decoration:underline;
	text-decoration-color:##b7e1f3;}
	
.sub {color:#bdb8d5}
	
a{text-decoration:none;}
a:link {  color: ghostwhite;}
a:visited {  color: ghostwhite;}
a:hover {  color:  ghostwhite;}
a:active {  color:  ghostwhite;}


.tab {
	margin-left:15px;
}

.vid{	border: 2px solid black;
border-radius: 15px 15px 15px 15px;	
margin:1%;}

.flv{color:#FFDB58;
font-style:italic;
text-shadow: 1px 1px 1px black;}


::-webkit-scrollbar {
  width: 7px;}
::-webkit-scrollbar-track {
  background: none;}
::-webkit-scrollbar-thumb {
  background: #6c63a2; 
  border-radius: 6px;}
::-webkit-scrollbar-thumb:hover {
  background: #918ab9; }
::-webkit-scrollbar-corner {
  background: rgba(0,0,0,0);
}