@font-face {
  font-family:"Comfortaa";
  src: url("src/Comfortaa-VariableFont_wght.ttf") format("truetype");
}
body, html{
	 /*background: linear-gradient(135deg, #331b6b 0%, #73075e 100%);*/
	 background:#000;
	 background-attachment: fixed;
	 background-image:url('src/BG2.png');	
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-position: center;	 
	color:#fff;
	margin:0px;
	padding:0px;
	font-size:16px;
	  text-size-adjust: none;
  -webkit-text-size-adjust: none;
  -ms-text-size-adjust: none;
  -moz-text-size-adjust: none;
}
a{
	text-decoration:none;
	color:#a970ff;
}
table{
		font-size:16px;
}
input{
	vertical-align:center;
	background:rgba(26, 26, 26, 0.5);
		border-radius:4px;
		border-width:1px;
		border: 1px;
		color:white;
		margin-left:10px;
  font-family:"Comfortaa";

}
iframe{
	border:0px;
	margin:0px;
	width:100%;
	height:100%;
	border-radius:10px;
			overflow-y: hidden;
		overflow-x: hidden;			
}
h1{
	font-size:30px;
	
}
#wrapper{
	position:absolute;
	min-width:1100px;
	min-height:850px;
	width:100%;
	height:100%;

	
}

#navi
	{
	 width:100%;
	 min-width:1100px;
	 height:45px;
	 background-color:rgba(24, 24, 27, 0.8);
	 border-width:0px 0px 1px 0px;
	 border-color:#a970ff;
	 border-style:solid;	 
	 position: absolute;
	 top: 0px;
	 left: 0px;
	 z-index:1;
	}
	
#ssub
	{
	 height:34px;
	 font-size:22px;
	 padding-top:11px;
	 float:left;
	 padding-left:15px;
	 padding-right:15px;
	 text-align:center;
	 border-width:0px 1px 0px 1px;
	 border-color:#202020;
	 border-style:solid;
	}
	
#ssub:hover
	{
	 background-color:rgba(32, 32, 32, 0.8);
	 color:#a970ff;
	}
	



#footer{
	position:absolute;
	right:50%;
	bottom:0px;
	transform: translateX(+50%);
	font-family:"Comfortaa";

}

#navia{
	color:white;
	font-family:"Comfortaa";
	text-decoration:none;

}
#navia:hover{
	
	text-decoration:underline;
	color:#a970ff;	
}
#content{
	position:absolute;
	left:10px;
	bottom:50px;
	top:70px;
	right:10px;
	background:rgba(26, 26, 26, 0.8);
	border-radius:10px;
			overflow-y: auto;
		overflow-x: hidden;		
	padding:10px;
	font-size:12pt;	
	
}

#textmain{

	padding:0px;
	margin:0px;
	color:white;	
	font-family:"Comfortaa";
	font-size:12pt;	

}

#lurk{
position:fixed;
bottom:0px;
left:0px;
width:192px;
height:192px;
	background-image:url('src/Lurk.png');
	background-size:100% 100%;
}

/* Let's get this party started */
::-webkit-scrollbar {
    width: 6px;
}
 
/* Track */
::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); 
    -webkit-border-radius: 15px;
    border-radius: 15px;
}
 
/* Handle */
::-webkit-scrollbar-thumb {
    -webkit-border-radius: 15px;
    border-radius: 15px;
    background: rgba(255,255,255,0.8); 
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5); 
}
::-webkit-scrollbar-thumb:window-inactive {
	background: rgba(255,255,255,0.4); 
}