@font-face {
  font-family: 'FontinSC';
  src: url('../fonts/Fontin-SmallCaps.otf') format('opentype');
}




a:link {
    COLOR: #d3ded8;
	text-decoration: none;
}

a:visited {
    COLOR: #d3ded8;
	text-decoration: none;
}

a:hover {
    COLOR: #4d6658;
	text-decoration: none;
}
a:active {
    COLOR: white;
	text-decoration: none;
}


    

#stat {
    font: normal small-caps 1em/1.2em verdana, sans-serif;
    text-decoration: none;
    text-align: left;
	padding: 5px;
	text-decoration: none;
	color: #2c3a32;
}


#stat a:hover{
    
	color: #d1d1d1;
}

p {
    font: normal  .85em/1.3em verdana, sans-serif;
    text-decoration: none;
}













.settings-grid-newssite {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(20%, 5fr));
  justify-content: center;
  grid-gap: 30px;
}

#news {
    background-color: #f1f1f1;
    border-color: black;
    border-style: hidden;
    border-width: 2px;
    border-radius: 5px;
    padding: 5px;
    width: 100%-14px;
    font: normal  .8em/1.3em verdana, sans-serif;
    color: #2c3a32;
    text-decoration: none;
    box-shadow: .1rem .1rem 1rem hsla(0, 0%, 0%, .50);
	grid-column-start: 1;
	grid-column-end: 5;
}

#news-borderless {
    background-color: #f1f1f1;
    border-color: black;
    border-style: hidden;
    border-width: 2px;
    border-radius: 5px;
    width: 100%-14px;
    font: normal  .8em/1.3em verdana, sans-serif;
    color: #2c3a32;
    text-decoration: none;
    box-shadow: .1rem .1rem 1rem hsla(0, 0%, 0%, .50);
	grid-column-start: 1;
	grid-column-end: 5;
	overflow: hidden;
	aspect-ratio: 16 / 9;
	
}


#news-borderless-banner {
    background-color: #f1f1f1;
    border-color: black;
    border-style: hidden;
    border-width: 2px;
    border-radius: 5px;
    width: 100%-14px;
    font: normal  .8em/1.3em verdana, sans-serif;
    color: #2c3a32;
    text-decoration: none;
    box-shadow: .1rem .1rem 1rem hsla(0, 0%, 0%, .50);
	grid-column-start: 1;
	grid-column-end: 5;
	overflow: hidden;
	aspect-ratio: 16 / 2;
}


#news p {
	margin:0;
	padding-left: 10px;
    font: normal  1.0em/1.3em verdana, sans-serif;
    color: #2c3a32;
    text-align: left;
}

#news a:link {
    COLOR: #2c3a32;
	font: normal bold  1.0em/1.3em verdana, sans-serif;
	text-decoration: none;
}

#news a:visited {
    COLOR: #2c3a32;
	font: normal bold  1.0em/1.3em verdana, sans-serif;
	text-decoration: none;
}

#news a:hover {
    COLOR: #4d6658;
	font: normal bold  1.0em/1.3em verdana, sans-serif;
	text-decoration: none;
}
#news a:active {
    COLOR: white;
	font: normal bold  1.0em/1.3em verdana, sans-serif;
	text-decoration: none;
}



#pnews {
    padding: 10px;
    font: normal  .9em/1.3em verdana, sans-serif;
    color: #2c3a32;
    text-align: left;
}

#phomeinfotext {
    padding: 10px;
    font: normal  .9em/1.5em verdana, sans-serif;
    color: #2c3a32;
    text-align: left;
}


#homeHOFname {
	color: #2c3a32;
	Text-Decoration: None;
	font: normal bold  1em/1.3em verdana, sans-serif;
}


#news-hl {
    position: relative;
    background-color: #2c3a32;
    border-color: #2c3a32;
    border-style: solid;
    border-width: 2px;
    border-radius: 5px;
    padding: 5px;
    
    width: 100%-4px;

    font: normal bold  .9em/1.3em verdana, sans-serif;
    color: #e2e9e6;
    text-decoration: none;
}


#news-h2 {
    font: normal bold  .9em/1.3em verdana, sans-serif;
    color: #e2e9e6;
    text-decoration: none;

}

#news-table {
    padding: 10px;
    font: normal  .9em/1.3em verdana, sans-serif;
    color: #2c3a32;
    text-decoration: none
}

body {
    background-color: #222222;
	/*background-color: #f3f3f3;*/
}

/*fixed */

#header-box {
    position: fixed;
    background-color: #2c3a32;
    color: white;
    height: 62px;
    width: auto;
    left: 200px;
	right: 0px;
    top: 0px;
    z-index: 11;
    box-shadow: 0rem 0rem 1rem hsla(0, 0%, 0%, .50);
}

/*
#navi-box {
    position: fixed;
    background-color: #2c3a32;
    color: white;
    height: auto;
    width: 160px;
    left: 0px;
    top: -30px;
    bottom: 0px;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 10px; 
    z-index: 12;
    box-shadow: 0rem 0rem 1rem hsla(0, 0%, 0%, .50);
}
*/

#navi-box {
    position: fixed;
    background-image: linear-gradient(to left, #00000000 , #00000077 , #000000ff);

    width: 250px;
    left: 0px;
    bottom: 0px;
	top: 0px;

    padding-top: 90px; 
    z-index: 5;
}

#navi-box-inner {
    position: relative;
    color: #e2e9e6;
    width: 160px;
    left: 0px;
	top: 0px;
    z-index: 6;
}

#navi-top {
    position: relative;
    top: 0px;
    font: normal small-caps bold 1em/1.3em verdana, sans-serif;
    text-decoration: none;
    margin-right: 40px;
}



#logo {
    position: relative;
    left: 18px;
    top: 5px;
    width: 140px;
    height: auto;
    border: 0;
    margin-top: 0 auto;
}

#logo-box {
    position: fixed;
    background-color: #2c3a32;
    color: white;
    height: 90px;
    width: 180px;
    left: 0px;
    top: 0px;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 10px; 
    z-index: 13;
	box-shadow: 0rem 0rem 1rem hsla(0, 0%, 0%, .50);
	border-radius: 0px 0px 10px 0px;
}

#navi-text {
    font: normal small-caps 0.75em/1.3em verdana, sans-serif;
    text-decoration: none
}

#statusLINKname {
	color: #2c3a32;
	Text-Decoration: None;
	font: normal bold  1em/1.3em verdana, sans-serif;
}

#status-box {
    position: fixed;
    /*background-color: #2c3a32;*/
	background-image: linear-gradient(to right, #00000000 , #00000077 , #000000ff);
    color: white;
    height: auto;
    width: 210px;
    right: 0px;
	top: 60px;
    bottom: 0px;
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 20px; 
    z-index: 5;
    /*box-shadow: 0rem 0rem 1rem hsla(0, 0%, 0%, .50);*/
	overflow-y: scroll;

	
}



.image-cropper {
	width: 50px;
   height: 50px;
   position: relative;
   overflow: hidden;
   border-radius: 50%;
   /*border:2px solid #f00;*/
}

.center {
	position: absolute;
   top: 50%;
   left: 50%;
   transform: translate(-50%, -50%);

}

.horizontal {
   height: 100%;
   width: auto;
   max-width: 9999px; /* max-content fall back */
   max-width: max-content;
}

/* Statgrid right side*/
.statgrid-r-img { 
	grid-area: img;
	width: 50px;
}

.statgrid-r-img img { 
	
	max-width: 100%;
}

.statgrid-r-name {
	grid-area: name;
	text-decoration: none;
	padding: 2px;
	overflow: hidden;
}

.statgrid-r-activeuser {
	font: normal bold 0.85em/1.3em verdana, sans-serif;
	color: white;
}

.statgrid-r-inactiveuser {
	font: normal italic 0.85em/1.3em verdana, sans-serif;
	color: white;
}

.statgrid-r-info1 {
	grid-area: info1;
	font: normal 0.85em/1.3em verdana, sans-serif;
	text-decoration: none;
	padding: 2px;
}


.statgrid-r-info2 {
	grid-area: info2;
	font: normal 0.85em/1.3em verdana, sans-serif;
	color: white;
	text-decoration: none;
	padding: 2px;
}

.statgrid-r-info3 {
	grid-area: info3;
	font: normal 0.75em/1.3em verdana, sans-serif;
	color: white;
	text-decoration: none;
	padding: 2px;
	padding-right: 4px;
	overflow: hidden;
	text-align: right;
}

.statgrid-r-container {
  display: grid;
  grid-template-areas:
    'img name name name'
    'img info1 info2 info3';
  gap: 2px;
  background-color: #2c3a32dd;
  margin-bottom: 10px;
  padding: 5px;
  box-shadow: 0rem 0rem 1rem hsla(0, 0%, 0%, .50);
  border-radius: 5px;
  grid-template-columns:  55px 40px 10px minmax(40px, 85px);
}




#status-fieldset {
	margin: 10px;
}











/*fbg lan 2023 sonderseite style*/
.image-cropper-fbglan {
	width: 45px;
   height: 45px;
   position: relative;
   overflow: hidden;
   border-radius: 50%;
   /*border:2px solid #f00;*/
}

.statgrid-fbglan-img { 
	grid-area: img;
	width: 45px;
}

.statgrid-fbglan-img img { 
	
	max-width: 100%;
}












/*ranking.php styles*/

#rankLINKname {
	color: #2c3a32;
	Text-Decoration: None;
	font: normal bold  1em/1.3em verdana, sans-serif;
}

.image-cropper-rank {
	width: 80px;
   height: 80px;
   position: relative;
   overflow: hidden;
   border-radius: 50%;
   /*border:2px solid #f00;*/
}

.statgrid-rank-img { 
	grid-area: img;
	width: 80px;
}

.statgrid-rank-img img { 
	
	max-width: 100%;
}

.statgrid-rank-name {
	grid-area: name;
	text-decoration: none;
	padding: 2px;
	overflow: hidden;
	font: normal bold  1.5em/1.3em verdana, sans-serif;
}

.statgrid-rank-activeuser {
	font: normal bold 0.85em/1.3em verdana, sans-serif;
	color: white;
}

.statgrid-rank-inactiveuser {
	font: normal italic 0.85em/1.3em verdana, sans-serif;
	color: white;
}

.statgrid-rank-info1 {
	grid-area: info1;
	font: normal 1.2em/1.3em verdana, sans-serif;
	text-decoration: none;
	padding: 2px;
	color: white;
}


.statgrid-rank-info2 {
	grid-area: info2;
	font: normal 1.2em/1.3em verdana, sans-serif;
	color: white;
	text-decoration: none;
	padding: 2px;
}

.statgrid-rank-info3 {
	grid-area: info3;
	font: normal 1.2em/1.3em verdana, sans-serif;
	color: white;
	text-decoration: none;
	padding: 2px;
	overflow: hidden;
}

.statgrid-rank-container {
  display: grid;
  grid-template-areas:
    'img name name name'
    'img info1 info2 info3';
  gap: 0px;
  background-color: #2c3a32;
  margin-bottom: 10px;
  margin-left: 10px;
  margin-right: 10px;
  padding: 5px;
  box-shadow: 0.4rem 0.4rem 1rem hsla(0, 0%, 0%, .70);
  border-radius: 5px;
  border-color: #2c3a32;
  border-width: 0px;
  border-style: solid;
  grid-template-columns:  100px 250px minmax(250px, 320px) 250px;
}

#rank-active-btn {
  background-color: #2c3a32; 
  cursor: pointer;
  opacity: 1;
  position: relative;
  margin-bottom: 10px;
  top: 10px;
  width: 200px;
  height: 30px;
  z-index: 10;
  border-radius: 5px;
  border-color: #e2e9e6;
  border-style: solid;
  border-width: 1px;
  font: normal bold  0.9em/1.2em verdana, sans-serif;  
  color: #e2e9e6;
}

#rank-inactive-btn {
  background-color: grey; 
  cursor: default;
  opacity: 1;
  position: relative;
  margin-bottom: 10px;
  top: 10px;
  width: 200px;
  height: 30px;
  z-index: 10;
  border-radius: 5px;
  border-color: #e2e9e6;
  border-style: solid;
  border-width: 1px;
  font: normal bold  0.9em/1.2em verdana, sans-serif;  
  color: white;
}

#rank-fieldset {
	margin: 10px;
	text-align: center;
}

#rank-fieldset-text {
	margin: 10px;

}

.settings-grid-rank {
  display: grid;
  grid-template-columns: auto 300px;
  grid-gap: 30px;
  grid-auto-flow: column;
}

#rank-grid-left1 {
    background-color: #f1f1f1;
    border-color: black;
    border-style: hidden;
    border-width: 2px;
    border-radius: 5px;
    padding: 5px;
    font: normal  .8em/1.3em verdana, sans-serif;
    color: #2c3a32;
    text-decoration: none;
    box-shadow: .1rem .1rem 1rem hsla(0, 0%, 0%, .50);
	grid-column-start: 1;
	grid-column-end: 2;
	grid-row-start: 1;
	grid-row-end: 3;
	min-height: 100px;

	
}

#rank-grid-right1 {
    background-color: #f1f1f1;
    border-color: black;
    border-style: hidden;
    border-width: 2px;
    border-radius: 5px;
    padding: 5px;
    font: normal  .8em/1.3em verdana, sans-serif;
    color: #2c3a32;
    text-decoration: none;
    box-shadow: .1rem .1rem 1rem hsla(0, 0%, 0%, .50);
	grid-column-start: 2;
	grid-column-end: 3;
	grid-row-start: 1;
	grid-row-end: 2;

}

#rank-hl-grid {
    position: relative;
    background-color: #2c3a32;
    border-color: #2c3a32;
    border-style: solid;
    border-width: 2px;
    border-radius: 5px;
    padding: 5px;
    font: normal bold  .9em/1.3em verdana, sans-serif;
    color: #e2e9e6;
    text-decoration: none;
}





















#footer-box-new {
	margin: 10px;
	position: relative;
}

#footer-copyright-new {
	padding: 5px;
	position: relative;
	text-align: center;
	font: normal bold  0.8em/1.2em verdana, sans-serif;
	color: #e2e9e660;
	
}



#footer-box {
    position: fixed;
    background-color: #2c3a32;
    color: white;
    height: 25px;
    width: auto;
    left: 200px;
	right: 0px;
    bottom: 0px;
    padding-left: 5px;
    padding-right: 5px;
    padding-top: 5px; 
    padding-bottom: 5px;
    font: normal  .7em/1.2em verdana, sans-serif;
    text-decoration: none;
    z-index: 11;
    box-shadow: 0rem 0rem 1rem hsla(0, 0%, 0%, .50);
	margin-top: 100px;
}

#footer-copyright {
	padding: 5px;
	position: relative;
	text-align: center;
	font: normal bold  1em/1.2em verdana, sans-serif;
	color: #e2e9e6;
	
}

#footer-chatbtn {
  background-color: #2c3a32; 
  cursor: pointer;
  opacity: 1;
  position: fixed;
  bottom: 3px;
  right: 20px;
  width: 200px;
  height: 29px;
  z-index: 10;
  border-radius: 5px;
  border-color: #e2e9e6;
  border-style: solid;
  border-width: 1px;
  font: normal bold  0.9em/1.2em verdana, sans-serif;  
  color: #e2e9e6;
}




/* The popup chat - hidden by default */
.chat-popup {
  display: none;
  position: fixed;
  bottom: 0;
  right: 20px;
  bottom: 40px;
  border: 0px solid #f1f1f1;
  z-index: 11;
  height: 350px;
  width: 750px;
}

/* Add styles to the form container */
.form-container {
	position: relative;
  width: 100%;
  height: 100%;
  padding: 0px;
  opacity: 0.87;
  background-color: #2c3a32;
  z-index: 11;
  border-radius: 5px;
}

/* Full-width textarea */
.form-container textarea {
  width: 100%;


  border: none;
  background: #f1f1f1;
  resize: none;
  min-height: 200px;
}

/* When the textarea gets focus, do something */
.form-container textarea:focus {
  background-color: #ddd;
  outline: none;
}

/* Set a style for the submit/send button */
.form-container .btn {
  background-color: #04AA6D;
  color: white;
  
  border: none;
  cursor: pointer;
  width: 100%;

  opacity: 1;
  z-index: 10;
}

.cancel-btn {
  background-color: #f1f1f1;
  cursor: pointer;
  position: fixed;
  bottom: 3px;
  right: 20px;
  width: 200px;
  height: 29px;
  z-index: 11;
  border-radius: 5px;
  border-color: #e2e9e6;
  border-style: solid;
  border-width: 1px;
  font: normal bold 0.9em/1.2em verdana, sans-serif;  
  color: #2c3a32;
}

/* Add some hover effects to buttons */
.form-container .btn:hover, .open-button:hover {
  opacity: 1;
}


#chat {
            position: relative;
            border: 0px solid black;
			padding: 5px;


        }
		
		#chat ul > li {
			list-style-type: none;
			margin-left: 0;
			padding-left: 0;
		}
		
		#chat ul {
			list-style-type: none;
			margin-left: 0;
			padding-left: 0;
		}

        #chatcontent {
            position: relative;
            overflow: hidden;
            height: 320px;
            overflow-y: scroll;
			color: white;
			font: normal  .85em/1.3em verdana, sans-serif;
			text-decoration: none;
			display: flex;
			flex-direction: column-reverse;
        }
		
		#chatinput {
            position: relative;
            overflow: hidden;
            height: 20px;
			width:  calc(100% - 100px);
			border-radius: 5px;
			border: none;
			outline: none;
			bottom: 5px;

        }
		
		#chatsubmitbtn {
		    position: relative;
            overflow: hidden;
            height: 22px;
			width:  90px;
			border-radius: 5px;
			background-color: #f1f1f1;
			color: black;
			border: none;
			cursor: pointer;
			margin-left: 1px;
			bottom: 5px;
        }

        .ajaxform {
            position: absolute;
            border-top: 1px solid black;
            width: 100%;
            bottom: 0;
            background: white;
            margin: 0;
        }

        .ajaxform input {
            width: 80%;
        }










/* non-fixed */



#top-nav-box {
    position: relative;
	height:25px;
    left: 0px;
    top: 0px;
    font: normal small-caps bold 1em/1.3em verdana, sans-serif;
    text-decoration: none;
    margin-right: 10px;
	margin-left: 10px;
	margin-top: 5px;
	margin-bottom: 5px;
	text-align: right;
}

#top-nav-box-left {
	position: relative;
	height:25px;
    left: 0px;
    top: 0px;
    font: normal small-caps bold 1em/1.3em verdana, sans-serif;
    text-decoration: none;
    margin-right: 10px;
	margin-left: 10px;
	margin-top: 5px;
	margin-bottom: 5px;
	text-align: left;
	float: left;
	clear: left;
	z-index: 11;
	opacity: 20%;
}

#top-nav-inner {
	margin-left: 10px;
	margin-right: 10px;
}

#top-nav-inner-left {
	margin-left: 10px;
	margin-right: 10px;
}

#top-nav-login {
	position: relative;
    height:20px;
    width: 100%;
    left: 0px;
    top: 0px;
    z-index: 11;
    font: normal small-caps bold 1em/1.3em verdana, sans-serif;
    text-decoration: none;
	padding-top: 2px;
	padding-bottom: 5px;
	background-color: darkgrey;
}



#loginbonus {
	position: fixed;
	top: 77px;
	width: 200px;
	left: 5px;
	text-align: center;

}

#lbbtn {
  background-color: #2c3a32; /* Green */
  border: none;
  color: white;
  padding: 5px 20px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 12px;
  -webkit-transition-duration: 0.4s; /* Safari */
  transition-duration: 0.4s;
}

#lbbtn:hover {
  background-color: white; /* Green */
  color: #2c3a32;
}



#content-master-box {
    position: absolute;
    margin-top: 125px;
	left: 50%;
	/*padding-left: 30px;*/	
    min-width: 1400px;
    height: auto;
	padding-bottom: 100px;
    z-index: 4;
	transform: translate(-50%, 0%);
	width: 70%;

}



#content-box {
    position: relative;
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 20px;
    padding-bottom: 20px;
    z-index: 5;
    background-color: lightgrey;
    box-shadow: .1rem .1rem 1rem hsla(0, 0%, 0%, .50);
    border-radius: 10px;
}

#content-box-shop {
    position: relative;
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 20px;
    padding-bottom: 20px;
    z-index: 5;
    box-shadow: .1rem .1rem 1rem hsla(0, 0%, 0%, .50);
    border-radius: 10px;
}


.register-grid {
  margin-top: 50px;
  margin-bottom: 50px;
  display: grid;
  grid-template-columns:  auto auto;
  grid-template-rows: auto auto auto auto auto auto;
  padding: 10px;
  max-width: 500px;
  align-items: center;	
  margin-left: auto;
  margin-right: auto;
  grid-gap: 5px;
  font: normal bold  .9em/1.3em verdana, sans-serif;
    color: #2c3a32;
    text-decoration: none;
}

.login-grid {
  margin-top: 50px;
  margin-bottom: 50px;
  display: grid;
  grid-template-columns:  auto auto;
  grid-template-rows: auto auto auto;
  padding: 10px;
  max-width: 500px;
  align-items: center;	
  margin-left: auto;
  margin-right: auto;
  grid-gap: 5px;
  font: normal bold  .9em/1.3em verdana, sans-serif;
    color: #2c3a32;
    text-decoration: none;
}


.errormsg {
  color: red;
  text-align: center;
  font-size: medium;
}

.successmsg {
  color: green;
  text-align: center;
  font-size: medium;
}


.settings-grid-main {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(300px, 5fr));
  justify-content: center;
  grid-gap: 30px;
}


#news-grid {
    background-color: #f1f1f1;
    border-color: black;
    border-style: hidden;
    border-width: 2px;
    border-radius: 5px;
    padding: 5px;
    font: normal  .8em/1.3em verdana, sans-serif;
    color: #2c3a32;
    text-decoration: none;
    box-shadow: .1rem .1rem 1rem hsla(0, 0%, 0%, .50);
}

#news-hl-grid {
    position: relative;
    background-color: #2c3a32;
    border-color: #2c3a32;
    border-style: solid;
    border-width: 2px;
    border-radius: 5px;
    padding: 5px;
    font: normal bold  .9em/1.3em verdana, sans-serif;
    color: #e2e9e6;
    text-decoration: none;
}




.settings-grid-index {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(20%, 5fr));
  justify-content: center;
  grid-gap: 30px;
}


#index-grid {
    background-color: #f1f1f1;
    border-color: black;
    border-style: hidden;
    border-width: 2px;
    border-radius: 5px;
    padding: 5px;
    font: normal  .8em/1.3em verdana, sans-serif;
    color: #2c3a32;
    text-decoration: none;
    box-shadow: .1rem .1rem 1rem hsla(0, 0%, 0%, .50);
}

#index-grid-r {
    background-color: #f1f1f1;
    border-color: black;
    border-style: hidden;
    border-width: 2px;
    border-radius: 5px;
    padding: 5px;
    font: normal  .8em/1.3em verdana, sans-serif;
    color: #2c3a32;
    text-decoration: none;
    box-shadow: .1rem .1rem 1rem hsla(0, 0%, 0%, .50);
	grid-row-start: 2;
	grid-row-end: 5;
}

#index-grid-featured {
    background-color: #f1f1f1;
    border-color: black;
    border-style: hidden;
    border-width: 2px;
    border-radius: 5px;
    padding: 5px;
    font: normal  .8em/1.3em verdana, sans-serif;
    color: #2c3a32;
    text-decoration: none;
    box-shadow: .1rem .1rem 1rem hsla(0, 0%, 0%, .50);
	grid-column-start: 1;
	grid-column-end: 3;
	grid-row-start: 1;
	grid-row-end: 3;
	
}

#index-grid-featured-borderless {
    background-color: #f1f1f1;
    border-color: black;
    border-style: hidden;
    border-width: 2px;
    border-radius: 5px;
    font: normal  .8em/1.3em verdana, sans-serif;
    color: #2c3a32;
    text-decoration: none;
    box-shadow: .1rem .1rem 1rem hsla(0, 0%, 0%, .50);
	grid-column-start: 1;
	grid-column-end: 3;
	grid-row-start: 1;
	grid-row-end: 3;
	overflow: hidden;
	aspect-ratio: 16 / 9;
	
}

#index-featured-video {
	position: relative;
	left: 0px;
	top: 0px;
	width: 100%;
    border: 0;
}


#index-grid-featured-borderless-banner {
    background-color: #f1f1f1;
    border-color: black;
    border-style: hidden;
    border-width: 2px;
    border-radius: 5px;
    font: normal  .8em/1.3em verdana, sans-serif;
    color: #2c3a32;
    text-decoration: none;
    box-shadow: .1rem .1rem 1rem hsla(0, 0%, 0%, .50);
	grid-column-start: 1;
	grid-column-end: 5;
	grid-row-start: 1;
	grid-row-end: 3;
	overflow: hidden;
	
}

#index-featured-banner {
	position: relative;
	left: 0px;
	top: 0px;
	width: 100%;
    border: 0;
}

#index-grid-news {
    background-color: #f1f1f1;
    border-color: black;
    border-style: hidden;
    border-width: 2px;
    border-radius: 5px;
    padding: 5px;
    font: normal  .8em/1.3em verdana, sans-serif;
    color: #2c3a32;
    text-decoration: none;
    box-shadow: .1rem .1rem 1rem hsla(0, 0%, 0%, .50);
	grid-column-start: 1;
	grid-column-end: 3;
	grid-row-start: 3;
	grid-row-end: 6;
	
}

#index-grid-events {
    background-color: #f1f1f1;
    border-color: black;
    border-style: hidden;
    border-width: 2px;
    border-radius: 5px;
    padding: 5px;
    font: normal  .8em/1.3em verdana, sans-serif;
    color: #2c3a32;
    text-decoration: none;
    box-shadow: .1rem .1rem 1rem hsla(0, 0%, 0%, .50);
	grid-column-start: 3;
	grid-column-end: 5;
	grid-row-start: 5;
	grid-row-end: 6;
	
}


#index-grid-top-right {
    background-color: #f1f1f1;
    border-color: black;
    border-style: hidden;
    border-width: 2px;
    border-radius: 5px;
    padding: 5px;
    font: normal  .8em/1.3em verdana, sans-serif;
    color: #2c3a32;
    text-decoration: none;
    box-shadow: .1rem .1rem 1rem hsla(0, 0%, 0%, .50);
	grid-column-start: 3;
	grid-column-end: 5;
	grid-row-start: 1;
	grid-row-end: 2;
	
}

#index-hl-grid {
    position: relative;
    background-color: #2c3a32;
    border-color: #2c3a32;
    border-style: solid;
    border-width: 2px;
    border-radius: 5px;
    padding: 5px;
    font: normal bold  .9em/1.3em verdana, sans-serif;
    color: #e2e9e6;
    text-decoration: none;
}

#pnews-tab {
    padding: 10px;
    font: normal  .9em/1.3em verdana, sans-serif;
    color: #2c3a32;
    text-align: left;
	margin-top: 5px;
	text-decoration: none;
	width: 100%;
}
#pnews-tab td {
	padding-bottom: 5px;
}
#pt-left{
	padding-right: 10px;
	width: auto;
}
#pt-right{
	width: 70px;
}

#pt-left-news{
	padding-right: 10px;
	width: auto;
}
#pt-right-news{
	width: 180px;
}

#news-link{
	color: #2c3a32;
	font: normal bold  1.1em/1.3em verdana, sans-serif;
}



#pt-left-events{
	padding-right: 10px;
	width: auto;
}

#pt-right-events{
	width: 250px;
}














.settings-grid-shop {
  display: grid;
  grid-template-columns: auto 300px;
  grid-gap: 30px;
  grid-auto-flow: column;
}

#shop-grid-left1 {
    background-color: #f1f1f1;
    border-color: black;
    border-style: hidden;
    border-width: 2px;
    border-radius: 5px;
    padding: 5px;
    font: normal  .8em/1.3em verdana, sans-serif;
    color: #2c3a32;
    text-decoration: none;
    box-shadow: .1rem .1rem 1rem hsla(0, 0%, 0%, .50);
	grid-column-start: 1;
	grid-column-end: 2;
	min-height: 100px;

	
}

#shop-grid-right1 {
    background-color: #f1f1f1;
    border-color: black;
    border-style: hidden;
    border-width: 2px;
    border-radius: 5px;
    padding: 5px;
    font: normal  .8em/1.3em verdana, sans-serif;
    color: #2c3a32;
    text-decoration: none;
    box-shadow: .1rem .1rem 1rem hsla(0, 0%, 0%, .50);
	grid-column-start: 2;
	grid-column-end: 3;
	grid-row-start: 1;
	grid-row-end: 4;
	height: 240px;
}

#shop-hl-grid {
    position: relative;
    background-color: #2c3a32;
    border-color: #2c3a32;
    border-style: solid;
    border-width: 2px;
    border-radius: 5px;
    padding: 5px;
    font: normal bold  .9em/1.3em verdana, sans-serif;
    color: #e2e9e6;
    text-decoration: none;
}

#shop-item-background {

	width: 400px;
	height: 300px;
	margin: 10px;
	padding: 10px;
	overflow: hidden;
	border-color: black;
	border-width: 0px;
	border-style: solid;
	border-radius: 5px;
	background-image: url(../image/example-pic.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	display: block;
	box-shadow: .1rem .1rem 1rem hsla(0, 0%, 0%, .80) inset;

}

#shop-buy-btn {
  background-color: #2c3a32; 
  cursor: pointer;
  opacity: 1;
  position: relative;
  margin-bottom: 10px;
  top: 10px;
  width: 200px;
  height: 30px;
  z-index: 10;
  border-radius: 5px;
  border-color: #e2e9e6;
  border-style: solid;
  border-width: 1px;
  font: normal bold  0.9em/1.2em verdana, sans-serif;  
  color: #e2e9e6;
}

#shop-cantbuy-btn {
  background-color: #2c3a3299; 
  cursor: default;
  opacity: 1;
  position: relative;
  margin-bottom: 10px;
  top: 10px;
  width: 200px;
  height: 30px;
  z-index: 10;
  border-radius: 5px;
  border-color: #e2e9e6;
  border-style: solid;
  border-width: 1px;
  font: normal bold  0.9em/1.2em verdana, sans-serif;  
  color: #e2e9e6;
}

#shop-alreadybought-btn {
  background-color: darkgrey; 
  cursor: default;
  opacity: 1;
  position: relative;
  margin-bottom: 10px;
  top: 10px;
  width: 200px;
  height: 30px;
  z-index: 10;
  border-radius: 5px;
  border-color: #e2e9e6;
  border-style: solid;
  border-width: 1px;
  font: normal bold  0.9em/1.2em verdana, sans-serif;  
  color: #e2e9e6;
}

#shop-backtoshop-btn {
  background-color: #2c3a32; 
  cursor: pointer;
  opacity: 1;
  position: relative;
  margin-bottom: 10px;
  top: 10px;
  width: 200px;
  height: 30px;
  z-index: 10;
  border-radius: 5px;
  border-color: #e2e9e6;
  border-style: solid;
  border-width: 1px;
  font: normal bold  0.9em/1.2em verdana, sans-serif;  
  color: #e2e9e6;
}



















.settings-grid-umfrage {
  display: grid;
  grid-template-columns: auto 300px;
  grid-gap: 30px;
  grid-auto-flow: column;
}

#umfrage-grid-left1 {
    background-color: #f1f1f1;
    border-color: black;
    border-style: hidden;
    border-width: 2px;
    border-radius: 5px;
    padding: 5px;
    font: normal  .8em/1.3em verdana, sans-serif;
    color: #2c3a32;
    text-decoration: none;
    box-shadow: .1rem .1rem 1rem hsla(0, 0%, 0%, .50);
	grid-column-start: 1;
	grid-column-end: 2;
	min-height: 100px;

	
}

#umfrage-grid-right1 {
    background-color: #f1f1f1;
    border-color: black;
    border-style: hidden;
    border-width: 2px;
    border-radius: 5px;
    padding: 5px;
    font: normal  .8em/1.3em verdana, sans-serif;
    color: #2c3a32;
    text-decoration: none;
    box-shadow: .1rem .1rem 1rem hsla(0, 0%, 0%, .50);
	grid-column-start: 2;
	grid-column-end: 3;
	grid-row-start: 1;
	grid-row-end: 4;
	height: 240px;
}

#umfrage-hl-grid {
    position: relative;
    background-color: #2c3a32;
    border-color: #2c3a32;
    border-style: solid;
    border-width: 2px;
    border-radius: 5px;
    padding: 5px;
    font: normal bold  .9em/1.3em verdana, sans-serif;
    color: #e2e9e6;
    text-decoration: none;
}

#umfrage-start-btn {
  background-color: #2c3a32; 
  cursor: pointer;
  opacity: 1;
  position: relative;
  margin-bottom: 10px;
  top: 10px;
  width: 200px;
  height: 30px;
  z-index: 10;
  border-radius: 5px;
  border-color: #e2e9e6;
  border-style: solid;
  border-width: 1px;
  font: normal bold  0.9em/1.2em verdana, sans-serif;  
  color: #e2e9e6;
}

#umfrage-notavail-btn {
  background-color: grey; 
  cursor: default;
  opacity: 1;
  position: relative;
  margin-bottom: 10px;
  top: 10px;
  width: 200px;
  height: 30px;
  z-index: 10;
  border-radius: 5px;
  border-color: #e2e9e6;
  border-style: solid;
  border-width: 1px;
  font: normal bold  0.9em/1.2em verdana, sans-serif;  
  color: white;
}




.settings-grid-status {
  display: grid;
  grid-template-columns: auto 300px;
  grid-gap: 30px;
}

#status-grid-left1 {
    background-color: #f1f1f1;
    border-color: black;
    border-style: hidden;
    border-width: 2px;
    border-radius: 5px;
    padding: 5px;
    font: normal  .8em/1.3em verdana, sans-serif;
    color: #2c3a32;
    text-decoration: none;
    box-shadow: .1rem .1rem 1rem hsla(0, 0%, 0%, .50);
	grid-column-start: 1;
	grid-column-end: 2;
	grid-row-start: 1;
	grid-row-end: 4;
	
}

#status-grid-right1 {
    background-color: #f1f1f1;
    border-color: black;
    border-style: hidden;
    border-width: 2px;
    border-radius: 5px;
    padding: 5px;
    font: normal  .8em/1.3em verdana, sans-serif;
    color: #2c3a32;
    text-decoration: none;
    box-shadow: .1rem .1rem 1rem hsla(0, 0%, 0%, .50);
	grid-column-start: 2;
	grid-column-end: 3;
	grid-row-start: 1;
	grid-row-end: 4;
	
}

#status-hl-grid {
    position: relative;
    background-color: #2c3a32;
    border-color: #2c3a32;
    border-style: solid;
    border-width: 2px;
    border-radius: 5px;
    padding: 5px;
    font: normal bold  .9em/1.3em verdana, sans-serif;
    color: #e2e9e6;
    text-decoration: none;
}

#status-hl-message {
    position: relative;
    background-color: #AED4BA;
    border-color: #AED4BA;
    border-style: solid;
    border-width: 0px;
    border-radius: 5px;
    padding: 10px;
	margin: 40px auto;
    font: normal bold  .9em/1.3em verdana, sans-serif;
    color: #4d4d4d
    text-decoration: none;
	width: 800px;
	box-shadow: .1rem .1rem 1rem hsla(0, 0%, 0%, .50);
}

#status-hl-attention {
    position: relative;
    background-color: #ffccb3;
    border-color: #ffccb3;
    border-style: solid;
    border-width: 0px;
    border-radius: 5px;
    padding: 10px;
	margin: 40px auto;
    font: normal bold  .9em/1.3em verdana, sans-serif;
    color: #4d4d4d
    text-decoration: none;
	width: 800px;
	box-shadow: .1rem .1rem 1rem hsla(0, 0%, 0%, .50);
	
}

#status-hl-error {
    position: relative;
    background-color: #ff6666bb;
    border-color: #ff6666bb;
    border-style: solid;
    border-width: 0px;
    border-radius: 5px;
    padding: 10px;
	margin: 40px auto;
    font: normal bold  .9em/1.3em verdana, sans-serif;
    color: #4d4d4d
    text-decoration: none;
	width: 800px;
	box-shadow: .1rem .1rem 1rem hsla(0, 0%, 0%, .50);
}

#pnews-stat-msg {
    padding-top: 5px;
	padding-left: 15px;
    font: normal  1.0em/1.4em verdana, sans-serif;
    color: #4d4d4d
    text-align: left;
}


/* version v2

.settings-grid-status {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(20%, 5fr));
  justify-content: center;
  grid-gap: 30px;
}

#status-grid {
    background-color: #f1f1f1;
    border-color: black;
    border-style: hidden;
    border-width: 2px;
    border-radius: 5px;
    padding: 5px;
    font: normal  .8em/1.3em verdana, sans-serif;
    color: #2c3a32;
    text-decoration: none;
    box-shadow: .1rem .1rem 1rem hsla(0, 0%, 0%, .50);
}

#status-grid-ts {
    background-color: #f1f1f1;
    border-color: black;
    border-style: hidden;
    border-width: 2px;
    border-radius: 5px;
    padding: 5px;
    font: normal  .8em/1.3em verdana, sans-serif;
    color: #2c3a32;
    text-decoration: none;
    box-shadow: .1rem .1rem 1rem hsla(0, 0%, 0%, .50);
	grid-column-start: 3;
	grid-column-end: 5;
	grid-row-start: 1;
	grid-row-end: 3;
	
}

#status-grid-left1 {
    background-color: #f1f1f1;
    border-color: black;
    border-style: hidden;
    border-width: 2px;
    border-radius: 5px;
    padding: 5px;
    font: normal  .8em/1.3em verdana, sans-serif;
    color: #2c3a32;
    text-decoration: none;
    box-shadow: .1rem .1rem 1rem hsla(0, 0%, 0%, .50);
	grid-column-start: 1;
	grid-column-end: 2;
	grid-row-start: 1;
	grid-row-end: 4;
	
}

#status-grid-left2 {
    background-color: #f1f1f1;
    border-color: black;
    border-style: hidden;
    border-width: 2px;
    border-radius: 5px;
    padding: 5px;
    font: normal  .8em/1.3em verdana, sans-serif;
    color: #2c3a32;
    text-decoration: none;
    box-shadow: .1rem .1rem 1rem hsla(0, 0%, 0%, .50);
	grid-column-start: 2;
	grid-column-end: 3;
	grid-row-start: 1;
	grid-row-end: 4;
	
}

#status-grid-right3 {
    background-color: #f1f1f1;
    border-color: black;
    border-style: hidden;
    border-width: 2px;
    border-radius: 5px;
    padding: 5px;
    font: normal  .8em/1.3em verdana, sans-serif;
    color: #2c3a32;
    text-decoration: none;
    box-shadow: .1rem .1rem 1rem hsla(0, 0%, 0%, .50);
	grid-column-start: 3;
	grid-column-end: 5;
	grid-row-start: 3;
	grid-row-end: 4;
	
}

#status-hl-grid {
    position: relative;
    background-color: #2c3a32;
    border-color: #2c3a32;
    border-style: solid;
    border-width: 2px;
    border-radius: 5px;
    padding: 5px;
    font: normal bold  .9em/1.3em verdana, sans-serif;
    color: #e2e9e6;
    text-decoration: none;
}

#status-hl-message {
    position: relative;
    background-color: #AED4BA;
    border-color: #AED4BA;
    border-style: solid;
    border-width: 2px;
    border-radius: 5px;
    padding: 5px;
	margin-top: 5px;
	margin-left: 5px;
	margin-right: 5px;
    font: normal bold  .9em/1.3em verdana, sans-serif;
    color: #4d4d4d
    text-decoration: none;
}

#status-hl-attention {
    position: relative;
    background-color: #ffccb3;
    border-color: #ffccb3;
    border-style: solid;
    border-width: 2px;
    border-radius: 5px;
    padding: 5px;
	margin-top: 5px;
	margin-left: 5px;
	margin-right: 5px;
    font: normal bold  .9em/1.3em verdana, sans-serif;
    color: #4d4d4d
    text-decoration: none;
}

#status-hl-error {
    position: relative;
    background-color: #ff6666;
    border-color: #ff6666;
    border-style: solid;
    border-width: 2px;
    border-radius: 5px;
    padding: 5px;
	margin-top: 5px;
	margin-left: 5px;
	margin-right: 5px;
    font: normal bold  .9em/1.3em verdana, sans-serif;
    color: #4d4d4d
    text-decoration: none;
}

#pnews-stat-msg {
    padding: 5px;
    font: normal  1.0em/1.4em verdana, sans-serif;
    color: #4d4d4d
    text-align: justify;
}
*/






.settings-grid-cal {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(18%, 5fr));
  justify-content: center;
  grid-gap: 30px;
}


#cal-grid {
    background-color: #f1f1f1;
    border-color: black;
    border-style: hidden;
    border-width: 2px;
    border-radius: 5px;
    padding: 5px;
    font: normal  .8em/1.3em verdana, sans-serif;
    color: #2c3a32;
    text-decoration: none;
    box-shadow: .1rem .1rem 1rem hsla(0, 0%, 0%, .50);
}

#cal-grid-cal {
    background-color: #f1f1f1;
    border-color: black;
    border-style: hidden;
    border-width: 2px;
    border-radius: 5px;
    padding: 5px;
    font: normal  .8em/1.3em verdana, sans-serif;
    color: #2c3a32;
    text-decoration: none;
    box-shadow: .1rem .1rem 1rem hsla(0, 0%, 0%, .50);
	grid-column-start: 1;
	grid-column-end: 4;
	grid-row-start: 1;
	grid-row-end: 4;
	
}

#cal-grid-right1 {
    background-color: #f1f1f1;
    border-color: black;
    border-style: hidden;
    border-width: 2px;
    border-radius: 5px;
    padding: 5px;
    font: normal  .8em/1.3em verdana, sans-serif;
    color: #2c3a32;
    text-decoration: none;
    box-shadow: .1rem .1rem 1rem hsla(0, 0%, 0%, .50);
	grid-column-start: 4;
	grid-column-end: 6;
	grid-row-start: 1;
	grid-row-end: 2;
	
}

#cal-grid-right2 {
    background-color: #f1f1f1;
    border-color: black;
    border-style: hidden;
    border-width: 2px;
    border-radius: 5px;
    padding: 5px;
    font: normal  .8em/1.3em verdana, sans-serif;
    color: #2c3a32;
    text-decoration: none;
    box-shadow: .1rem .1rem 1rem hsla(0, 0%, 0%, .50);
	grid-column-start: 4;
	grid-column-end: 6;
	grid-row-start: 2;
	grid-row-end: 3;
	
}

#cal-hl-grid {
    position: relative;
    background-color: #2c3a32;
    border-color: #2c3a32;
    border-style: solid;
    border-width: 2px;
    border-radius: 5px;
    padding: 5px;
    font: normal bold  .9em/1.3em verdana, sans-serif;
    color: #e2e9e6;
    text-decoration: none;
}












.settings-grid-profile {
  display: grid;
  grid-template-columns: auto 300px;
  grid-template-rows: repeat(auto-fill, 1px);
  grid-gap: 30px;
  width: 100%;
}


#profile-grid {
    background-color: #f1f1f1;
    border-color: black;
    border-style: hidden;
    border-width: 2px;
    border-radius: 5px;
    padding: 5px;
    font: normal  .8em/1.3em verdana, sans-serif;
    color: #2c3a32;
    text-decoration: none;
    box-shadow: .1rem .1rem 1rem hsla(0, 0%, 0%, .50);
}



/*
#profile-grid-picture {
    background-color: #f1f1f1;
    border-color: black;
    border-style: hidden;
    border-width: 2px;
    border-radius: 5px;
    padding: 5px;
    font: normal  .8em/1.3em verdana, sans-serif;
    color: #2c3a32;
    text-decoration: none;
    box-shadow: .1rem .1rem 1rem hsla(0, 0%, 0%, .50);
	grid-column-start: 2;
	grid-column-end: 3;	
}
*/



#profile-grid-nametag {
    background-color: transparent;
    border-color: black;
    border-style: hidden;
    border-width: 2px;
    border-radius: 5px;
    font: normal  .8em/1.3em verdana, sans-serif;
    color: #2c3a32;
    text-decoration: none;
	grid-column-start: 1;
	grid-column-end: 2;
	grid-row-start: 1;
	grid-row-end: 3;
	
}

#profile-pc-titletag {
    font: bold 1.2em/1.3em verdana, sans-serif;
    color: #2c3a32;
    text-decoration: none;
	grid-column-start: 1;
	grid-column-end: 2;
	grid-row-start: 3;
	grid-row-end: 4;

}

#profile-grid-content {
    background-color: #f1f1f1;
    border-color: black;
    border-style: hidden;
    border-width: 2px;
    border-radius: 5px;
    padding: 5px;
    font: normal  .8em/1.3em verdana, sans-serif;
    color: #2c3a32;
    text-decoration: none;
    box-shadow: .1rem .1rem 1rem hsla(0, 0%, 0%, .50);
	grid-column-start: 1;
	grid-column-end: 2;
	grid-row-start: 4;
	grid-row-end: 9;
	
}

#profile-picture {
	position: relative;
    left: 0px;
    top: 0px;
	width: 100%;
	height: auto;	
	background-color: #f1f1f1;
    border-color: black;
    border-style: hidden;
    border-radius: 5px;
    font: normal  .8em/1.3em verdana, sans-serif;
    color: #2c3a32;
    text-decoration: none;
    box-shadow: .1rem .1rem 1rem hsla(0, 0%, 0%, .50);
	grid-column-start: 2;
	grid-column-end: 3;
	grid-row-start: 1;
	grid-row-end: 5;
}

#profile-grid-left1 {
    background-color: #f1f1f1;
    border-color: black;
    border-style: hidden;
    border-width: 2px;
    border-radius: 5px;
    padding: 5px;
    font: normal  .8em/1.3em verdana, sans-serif;
    color: #2c3a32;
    text-decoration: none;
    box-shadow: .1rem .1rem 1rem hsla(0, 0%, 0%, .50);
	grid-column-start: 2;
	grid-column-end: 3;
	grid-row-start: 5;
	grid-row-end: 6;
	
}

#profile-grid-left2 {
    background-color: #f1f1f1;
    border-color: black;
    border-style: hidden;
    border-width: 2px;
    border-radius: 5px;
    padding: 5px;
    font: normal  .8em/1.3em verdana, sans-serif;
    color: #2c3a32;
    text-decoration: none;
    box-shadow: .1rem .1rem 1rem hsla(0, 0%, 0%, .50);
	grid-column-start: 2;
	grid-column-end: 3;
	grid-row-start: 6;
	grid-row-end: 7;
	
}

#profile-grid-left3 {
    background-color: #f1f1f1;
    border-color: black;
    border-style: hidden;
    border-width: 2px;
    border-radius: 5px;
    padding: 5px;
    font: normal  .8em/1.3em verdana, sans-serif;
    color: #2c3a32;
    text-decoration: none;
    box-shadow: .1rem .1rem 1rem hsla(0, 0%, 0%, .50);
	grid-column-start: 1;
	grid-column-end: 2;

	
}

#profile-grid-video {
    background-color: #f1f1f1;
    border-color: black;
    border-style: hidden;
    border-width: 2px;
    border-radius: 5px;
    font: normal  .8em/1.3em verdana, sans-serif;
    color: #2c3a32;
    text-decoration: none;
    box-shadow: .1rem .1rem 1rem hsla(0, 0%, 0%, .50);
	grid-column-start: 2;
	grid-column-end: 3;
	overflow: hidden;
	height: 168px;
	align-self: start;
	grid-row-start: 7;
	grid-row-end: 8;


	
}

#profile-grid-request {
    background-color: #f1f1f1;
    border-color: black;
    border-style: hidden;
    border-width: 2px;
    border-radius: 5px;
    padding: 5px;
    font: normal  .8em/1.3em verdana, sans-serif;
    color: #2c3a32;
    text-decoration: none;
    box-shadow: .1rem .1rem 1rem hsla(0, 0%, 0%, .50);
	grid-column-start: 2;
	grid-column-end: 3;

	
}


#profile-hl-grid {
    position: relative;
    background-color: #2c3a32;
    border-radius: 5px;
    padding: 7px;
    font: normal bold  .9em/1.3em verdana, sans-serif;
    color: #e2e9e6;
    text-decoration: none;
}



#profile-video {
	position: relative;
	left: 0px;
	top: 0px;
	width: 300px;
    border: 0;
}

#profile-nametag {
    padding-left: 5px;
    font: bold 2.2em/1.3em verdana, sans-serif;
    color: #2c3a32;
    text-decoration: none;

}

#profile-titletag {
    padding-left: 6px;
	padding-right: 25px;
	padding-top: 10px;
    font: bold 1.2em/1.3em verdana, sans-serif;
    color: #2c3a32;
    text-decoration: none;
	display:inline-block;

}

#profile-text {
    padding: 10px;

}

#profile-text p {

    font: normal  1.3em/1.5em verdana, sans-serif;
    color: #2c3a32;
    text-align: left;
	overflow: hidden;
}




#profile-tab {
    margin: 10px;
    font: normal bold  1.1em/1.3em verdana, sans-serif;
    color: #2c3a32;
    text-align: left;

	text-decoration: none;
	width: 95%;
}
#profile-tab td {
	padding-bottom: 5px;
}
#pro-tab-1{
	width: 35%;
}
#pro-tab-2{
	width: 65%;
}


#int-link{
	font: normal bold 0.9em/1.5em verdana, sans-serif;
    color: #2c3a32;
    text-align: left;
	text-decoration: none;
	display: inline-block;
	cursor: pointer;
}

#int-tab-1{
	width: 10%;
}
#int-tab-2{
	width: 90%;
}

#int-link-red{
	font: normal bold 0.9em/1.5em verdana, sans-serif;
    color: red;
    text-align: left;
	text-decoration: none;
	display: inline-block;
	cursor: pointer;	

}



.settings-grid-profile-inner {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(40%, 5fr));
  justify-content: center;
  grid-gap: 30px;
  margin-bottom: 30px;
  bottom: 0px;
}


#profile-hl-grid-inner-left {
    position: relative;
    background-color: lightgrey;
    border-color: #2c3a32;
    border-radius: 5px;
    padding: 5px;
    font: normal bold  .9em/1.3em verdana, sans-serif;
    color: #2c3a32;
    text-decoration: none;
	grid-column-start: 1;
	grid-column-end: 2;
	grid-row-start: 1;
	grid-row-end: 2;
	margin-top: 30px;
	margin-left: 30px;
	box-shadow: .1rem .1rem .5rem hsla(0, 0%, 0%, .30);
	height: 110px;
}

#profile-hl-grid-inner-right {
    position: relative;
    background-color: lightgrey;
    border-color: #2c3a32;
    border-radius: 5px;
    padding: 5px;
    font: normal bold  .9em/1.3em verdana, sans-serif;
    color: #2c3a32;
    text-decoration: none;
	grid-column-start: 2;
	grid-column-end: 3;
	grid-row-start: 1;
	grid-row-end: 2;
	margin-top: 30px;
	margin-right: 30px;
	box-shadow: .1rem .1rem .5rem hsla(0, 0%, 0%, .30);
	height: 110px;
}

#profile-hl-grid-inner-content {
    position: relative;
    background-color: lightgrey;
    border-color: #2c3a32;
    border-radius: 5px;
    padding: 5px;
    font: normal bold  .9em/1.3em verdana, sans-serif;
    color: #2c3a32;
    text-decoration: none;
	grid-column-start: 1;
	grid-column-end: 3;
	grid-row-start: 2;
	grid-row-end: 3;
	margin-left: 30px;
	margin-right: 30px;
	box-shadow: .1rem .1rem .5rem hsla(0, 0%, 0%, .30);
}












.settings-grid-profile-gametags {
  display: flex;
  flex-wrap: wrap;
  justify-content: left;
  grid-gap: 10px;
  margin: 10px;
  max-width: 100%;
}

#profile-hl-grid-genretags {
    position: relative;
    background-color: lightgrey;
	filter: grayscale(20%);
    border-radius: 5px;
    padding: 5px;
    font: normal bold  0.9em/1.3em verdana, sans-serif;
    color: black;
    text-decoration: none;
	box-shadow: .1rem .1rem .2rem hsla(0, 0%, 0%, .50);
}

#profile-hl-grid-gametags {
    position: relative;
    background-color: lightgrey;
	filter: grayscale(20%);
    border-radius: 5px;
    padding: 5px;
    font: normal bold  0.9em/1.3em verdana, sans-serif;
    color: black;
    text-decoration: none;
	box-shadow: .1rem .1rem .2rem hsla(0, 0%, 0%, .50);
}

.settings-grid-profile-pctags {
  display: flex;
  flex-wrap: wrap;
  justify-content: left;
  grid-gap: 10px;
  margin: 0px;
  max-width: 100%;
}

#profile-hl-grid-pctags {
    position: relative;
    background-color: lightgrey;

    border-radius: 5px;
    padding: 5px;
    font: normal bold  .7em/1.1em verdana, sans-serif;
    color: #2c3a32;
    text-decoration: none;
	box-shadow: .1rem .1rem .2rem hsla(0, 0%, 0%, .50);
}












.settings-grid-profile-editor {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(20%, 5fr));
  justify-content: center;
  grid-gap: 30px;
  margin-bottom: 30px;
  bottom: 0px;
}

#profile-grid-editor-textfield {
    background-color: #f1f1f1;
    border-color: black;
    border-style: hidden;
    border-width: 2px;
    border-radius: 5px;
    padding: 5px;
    font: normal  .8em/1.3em verdana, sans-serif;
    color: #2c3a32;
    text-decoration: none;
    box-shadow: .1rem .1rem 1rem hsla(0, 0%, 0%, .50);
	grid-column-start: 1;
	grid-column-end: 5;
	
}

#profile-grid-editor-title {
    background-color: #f1f1f1;
    border-color: black;
    border-style: hidden;
    border-width: 2px;
    border-radius: 5px;
    padding: 5px;
    font: normal  .8em/1.3em verdana, sans-serif;
    color: #2c3a32;
    text-decoration: none;
    box-shadow: .1rem .1rem 1rem hsla(0, 0%, 0%, .50);
	grid-column-start: 1;
	grid-column-end: 2;
}

#profile-grid-editor-genres {
    background-color: #f1f1f1;
    border-color: black;
    border-style: hidden;
    border-width: 2px;
    border-radius: 5px;
    padding: 5px;
    font: normal  .8em/1.3em verdana, sans-serif;
    color: #2c3a32;
    text-decoration: none;
    box-shadow: .1rem .1rem 1rem hsla(0, 0%, 0%, .50);
	grid-column-start: 2;
	grid-column-end: 3;
}

#profile-grid-editor-games {
    background-color: #f1f1f1;
    border-color: black;
    border-style: hidden;
    border-width: 2px;
    border-radius: 5px;
    padding: 5px;
    font: normal  .8em/1.3em verdana, sans-serif;
    color: #2c3a32;
    text-decoration: none;
    box-shadow: .1rem .1rem 1rem hsla(0, 0%, 0%, .50);
	grid-column-start: 3;
	grid-column-end: 4;
}

#profile-grid-editor-profiledata {
    background-color: #f1f1f1;
    border-color: black;
    border-style: hidden;
    border-width: 2px;
    border-radius: 5px;
    padding: 5px;
    font: normal  .8em/1.3em verdana, sans-serif;
    color: #2c3a32;
    text-decoration: none;
    box-shadow: .1rem .1rem 1rem hsla(0, 0%, 0%, .50);
	grid-column-start: 1;
	grid-column-end: 2;
}

#profile-grid-editor-hardwaredata {
    background-color: #f1f1f1;
    border-color: black;
    border-style: hidden;
    border-width: 2px;
    border-radius: 5px;
    padding: 5px;
    font: normal  .8em/1.3em verdana, sans-serif;
    color: #2c3a32;
    text-decoration: none;
    box-shadow: .1rem .1rem 1rem hsla(0, 0%, 0%, .50);
	grid-column-start: 2;
	grid-column-end: 3;
}

#profile-grid-editor-request {
    background-color: #f1f1f1;
    border-color: black;
    border-style: hidden;
    border-width: 2px;
    border-radius: 5px;
    padding: 5px;
    font: normal  .8em/1.3em verdana, sans-serif;
    color: #2c3a32;
    text-decoration: none;
    box-shadow: .1rem .1rem 1rem hsla(0, 0%, 0%, .50);
	grid-column-start: 4;
	grid-column-end: 5;
}

#profile-grid-editor-a {
    background-color: #f1f1f1;
    border-color: black;
    border-style: hidden;
    border-width: 2px;
    border-radius: 5px;
    padding: 5px;
    font: normal  .8em/1.3em verdana, sans-serif;
    color: #2c3a32;
    text-decoration: none;
    box-shadow: .1rem .1rem 1rem hsla(0, 0%, 0%, .50);

}






#hellotag {
	color: #2c3a32;
	font: normal bold  1.1em/1.5em verdana, sans-serif;
	margin-left: 15px;
	margin-right: 15px;
}

#hellotag-mini {
	color: #2c3a32;
	font: normal  1.1em/1.5em verdana, sans-serif;
	margin-left: -15px;
	margin-right: 15px;
}

#status-top-row {
	color: #d3ded8;
	font: normal bold  0.9em/1.3em verdana, sans-serif;
}

#status-row-below {		
	float: right;
	clear:right;	
}

#below-row-text {
	color: #2c3a32;
	text-decoration: none;
	margin-left: 10px;
	font: normal bold  1.1em/1.5em verdana, sans-serif;
	margin-right: 10px;
	margin-left: 10px;
}

	
#p-edit-tag {
	font: normal small-caps bold 0.9em/1.3em verdana, sans-serif;
    text-decoration: none;
    text-align: left;
	padding: 5px;
	text-decoration: none;
	color: #f1f1f1;
}










#edit-tags-profile {		
	float: right;
	clear:right;
}

#edit-pics-profile {		
	font: normal 0.6em/1.3em verdana, sans-serif !important;
}







.profileform-popup {
  display: none;
  width: 450px;
  position: fixed;
  left: 50%;
  top: 50%;
  margin-left: -210px;
  margin-top: -255px;
  border: 0px solid #f1f1f1;
  z-index: 11;
}

.profileform-popup-bigtext {
  display: none;
  width: 1000px;
  position: fixed;
  left: 50%;
  top: 50%;
  margin-left: -485px;
  margin-top: -255px;
  border: 0px solid #f1f1f1;
  z-index: 11;
}

#editprofile-outer {
    position: relative;
    background-color: #f1f1f1;
    border-color: #2c3a32;
    border-style: solid;
    border-width: 2px;
    border-radius: 5px;
    padding: 10px;
    width: 100%-4px;
    font: normal bold  .9em/1.3em verdana, sans-serif;
    color: #2c3a32;
    text-decoration: none;
}

#editprofile-outer-btn {
  background-color: #2c3a32; 
  cursor: pointer;
  opacity: 1;
  position: relative;
  margin-bottom: 10px;
  top: 10px;
  max-width: 300px;
  padding-left: 10px;
  padding-right: 10px;
  height: 30px;
  z-index: 10;
  border-radius: 5px;
  border-color: #e2e9e6;
  border-style: solid;
  border-width: 1px;
  font: normal bold  0.9em/1.2em verdana, sans-serif;  
  color: #e2e9e6;
}

#editprofile-outer-btn-shop {
  background-color: #2c3a32; 
  cursor: pointer;
  opacity: 1;
  position: relative;
  width: 160px;
  height: 20px;
  z-index: 10;
  border-radius: 5px;
  border-color: #e2e9e6;
  border-style: solid;
  border-width: 1px;
  font: normal bold  0.9em/1.2em verdana, sans-serif;  
  color: #e2e9e6;
	
}

#editprofile-outer-btn-close {
  background-color: darkred; 
  cursor: pointer;
  opacity: 1;
  position: relative;
  margin-bottom: 10px;
  bottom: 30px;
  width: 100px;
  height: 30px;
  z-index: 10;
  border-radius: 5px;
  border-color: #e2e9e6;
  border-style: solid;
  border-width: 1px;
  font: normal bold  0.9em/1.2em verdana, sans-serif;  
  color: #e2e9e6;
  float: right;
	clear:right;
}


#editprofile-outer i {
    font: normal  1.3em/1.5em verdana, sans-serif;
}

#editprofile-outer p {
	font: normal  1em/1.5em verdana, sans-serif;
}

#editprofile-outer fieldset {
	margin-bottom: 10px;
}

















.form-horizontal {
	padding: 10px;
}

.form-control {
	width: 250px;
}



.datagrid table {
	border-collapse: collapse;
	text-align: left;
	width: 100%;
	}
	
.datagrid {
	font: normal 12px/150% Verdana, Arial, Helvetica, sans-serif;
	background: #fff;
	overflow: hidden;
	border: 1px solid #2C3A32;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	}

.datagrid table td,
.datagrid table th {
	padding: 3px 5px;
}

.datagrid table thead th {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #2C3A32), color-stop(1, #275420) );
	background:-moz-linear-gradient( center top, #2C3A32 5%, #275420 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#2C3A32', endColorstr='#275420');
	background-color:#2C3A32;
	color:#FFFFFF;
	font-size: 12px;
	font-weight: bold;
	border-left: 1px solid #2C3A32;
}

.datagrid table thead th:first-child {
	border: none;
}

.datagrid table tbody td {
	color: #2C3A32;
	border-left: 1px solid #2C3A32;
	font-size: 12px;
	border-bottom: 1px solid #2C3A32;
	font-weight: normal;
}

.datagrid table tbody .alt td {
	background: #D8E3DA;
	color: #2C3A32;
}

.datagrid table tbody td:first-child {
	border-left: none;
}
	
.datagrid table tbody tr:last-child td {
	border-bottom: none;
}








hr {
	margin-left: 6px;
	margin-right: 6px;
}





/*
* {
	margin: 0;
	padding: 0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}


body {
	background: #2d2c41;
	font-family: 'Open Sans', Arial, Helvetica, Sans-serif, Verdana, Tahoma;
}


a {
	color: #b63b4d;
	text-decoration: none;
}
*/

.bordery {
  border-bottom: 1px solid black;
  padding: 20px;
  position: relative;
}
.bordery::after,
.bordery::before {
  background-color: #2C3A32;
  content: "";
  display: block;
  height: 5px;
  position: absolute;
  width: 10px;
}
.bordery::after {
  bottom: -1px;
  right: 0px;
}
.bordery::before {
  bottom: -1px;
  left: 0px;
}




ul {
	list-style-type: none;
}

 .accordion {
 	width: 100%;
 	max-width: 200px;
 	margin: 30px auto 20px;
 	background: #2C3A32;
 	-webkit-border-radius: 0px 10px 10px 0px;
 	-moz-border-radius: 0px 10px 10px 0px;
 	border-radius: 0px 10px 10px 0px;
	margin: 0;
	margin-top: 100px;
	padding: 0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	box-shadow: .1rem .1rem 1rem hsla(0, 0%, 0%, .50);
 }

.accordion .link {
	cursor: pointer;
	display: block;
	padding: 15px 15px 15px 42px;
	color: #e2e9e6;


	/*border-bottom: 1px solid #CCC;*/
	position: relative;
	-webkit-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	transition: all 0.4s ease;
	font: normal bold  0.95em/1.2em verdana, sans-serif;
}

.accordion .link-single {
	cursor: pointer;
	display: block;
	padding: 15px 15px 15px 42px;
	color: #e2e9e6;


	/*border-bottom: 1px solid #CCC;*/
	position: relative;
	-webkit-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	transition: all 0.4s ease;
	font: normal bold  0.95em/1.2em verdana, sans-serif;
}


.accordion .link-single a {
	color: #e2e9e6;
	text-decoration: none;
}

.accordion .link-single a:hover {
	text-decoration: none;
}

.last-ele {
	border-bottom: none !important;
	border-radius: 0px 0px 10px 0px;
}


.accordion li:last-child .link {
	border-bottom: 0;
}

.accordion li i {
	position: absolute;
	top: 16px;
	left: 12px;

	color: #e2e9e6;
	-webkit-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	transition: all 0.4s ease;
}

.accordion li i.fa-chevron-down {
	right: 12px;
	left: auto;
	font-size: 16px;
}

.accordion li.open .link {
	color: grey;
}

.accordion li.open i {
	color: grey;
}
.accordion li.open i.fa-chevron-down {
	-webkit-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	-o-transform: rotate(180deg);
	transform: rotate(180deg);
}

.accordion li.default .submenu {display: block;}
/**
 * Submenu
 -----------------------------*/
 .submenu {
 	display: none;
 	background: darkgrey;
	margin: 0;
	padding: 0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
 }

 .submenu li {
 	border-bottom: 1px solid #4b4a5e;
 }

 .submenu a {
 	display: block;
 	text-decoration: none;
 	color: #2C3A32;;
 	padding: 12px;
 	padding-left: 42px;
 	-webkit-transition: all 0.25s ease;
 	-o-transition: all 0.25s ease;
 	transition: all 0.25s ease;
	font: normal bold  0.95em/1.2em verdana, sans-serif;
 }

 .submenu a:hover {
 	background: grey;
 	color: #2C3A32;
 }




/*small bar nav test

* {
  margin: 0;
  padding: 0;
  list-style: none;
  font-family: "Lato", sans-serif;
  line-height: 1;
}


.sidebar-navigation {
  display: inline-block;
  min-height: 100vh;
  width: 54px;
  background-color: #2c3a32;
  float: left;
  z-index: 6;
}
.sidebar-navigation ul {
  text-align: center;
  color: lightgrey;
}
.sidebar-navigation ul li {
  padding: 15px 0;
  cursor: pointer;
  transition: all ease-out 120ms;
}
.sidebar-navigation ul li i {
  display: block;
  font-size: 24px;
  transition: all ease 450ms;
}
.sidebar-navigation ul li .tooltip {
  display: inline-block;
  position: absolute;
  background-color: #2c3a32;
  padding: 8px 15px;
  border-radius: 3px;
  margin-top: -26px;
  left: 64px;
  opacity: 0;
  visibility: hidden;
  font-size: 13px;
  letter-spacing: 0.5px;
}
.sidebar-navigation ul li .tooltip:before {
  content: "";
  display: block;
  position: absolute;
  left: -4px;
  top: 10px;
  transform: rotate(45deg);
  width: 10px;
  height: 10px;
  background-color: inherit;
}
.sidebar-navigation ul li:hover {
  background-color: #22252E;
}
.sidebar-navigation ul li:hover .tooltip {
  visibility: visible;
  opacity: 1;
}
.sidebar-navigation ul li.active {
  background-color: #22252E;
}
.sidebar-navigation ul li.active i {
  color: #98D7EC;
}
*/


.settings-grid-adminmenu {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-gap: 30px;
}










.settings-grid-survey {
  display: grid;
  grid-template-columns: auto 300px;
  grid-gap: 30px;
}

#survey-grid-left1 {
    background-color: #f1f1f1;
    border-color: black;
    border-style: hidden;
    border-width: 2px;
    border-radius: 5px;
    padding: 5px;
    font: normal  .8em/1.3em verdana, sans-serif;
    color: #2c3a32;
    text-decoration: none;
    box-shadow: .1rem .1rem 1rem hsla(0, 0%, 0%, .50);
	grid-column-start: 1;
	grid-column-end: 2;
	
}

#survey-grid-right1 {
    background-color: #f1f1f1;
    border-color: black;
    border-style: hidden;
    border-width: 2px;
    border-radius: 5px;
    padding: 5px;
    font: normal  .8em/1.3em verdana, sans-serif;
    color: #2c3a32;
    text-decoration: none;
    box-shadow: .1rem .1rem 1rem hsla(0, 0%, 0%, .50);
	grid-column-start: 2;
	grid-column-end: 3;
	grid-row-start: 1;
	grid-row-end: 10;
	min-height: 550px;
	height: fit-content;
	
}

#survey-grid-right-lan {
    background-color: #f1f1f1;
    border-color: black;
    border-style: hidden;
    border-width: 2px;
    border-radius: 5px;
    padding: 5px;
    font: normal  .8em/1.3em verdana, sans-serif;
    color: #2c3a32;
    text-decoration: none;
    box-shadow: .1rem .1rem 1rem hsla(0, 0%, 0%, .50);
	grid-column-start: 2;
	grid-column-end: 3;
	grid-row-start: 1;
	grid-row-end: 10;
	max-height: 1720px;
	
}

#survey-hl-grid {
    position: relative;
    background-color: #2c3a32;
    border-color: #2c3a32;
    border-style: solid;
    border-width: 2px;
    border-radius: 5px;
    padding: 5px;
    font: normal bold  .9em/1.3em verdana, sans-serif;
    color: #e2e9e6;
    text-decoration: none;
}

#survey-hl-message {
    position: relative;
    background-color: #AED4BA;
    border-color: #AED4BA;
    border-style: solid;
    border-width: 0px;
    border-radius: 5px;
    padding: 10px;
	margin: 40px auto;
    font: normal bold  .9em/1.3em verdana, sans-serif;
    color: #4d4d4d
    text-decoration: none;
	width: 800px;
	box-shadow: .1rem .1rem 1rem hsla(0, 0%, 0%, .50);
}

#survey-hl-attention {
    position: relative;
    background-color: #ffccb3;
    border-color: #ffccb3;
    border-style: solid;
    border-width: 0px;
    border-radius: 5px;
    padding: 10px;
	margin: 40px auto;
    font: normal bold  .9em/1.3em verdana, sans-serif;
    color: #4d4d4d
    text-decoration: none;
	width: 800px;
	box-shadow: .1rem .1rem 1rem hsla(0, 0%, 0%, .50);
	
}

#survey-hl-error {
    position: relative;
    background-color: #ff6666bb;
    border-color: #ff6666bb;
    border-style: solid;
    border-width: 0px;
    border-radius: 5px;
    padding: 10px;
	margin: 40px auto;
    font: normal bold  .9em/1.3em verdana, sans-serif;
    color: #4d4d4d
    text-decoration: none;
	width: 800px;
	box-shadow: .1rem .1rem 1rem hsla(0, 0%, 0%, .50);
}

#pnews-survey-msg {
    padding-top: 5px;
	padding-left: 15px;
    font: normal  1.0em/1.4em verdana, sans-serif;
    color: #4d4d4d
    text-align: left;
}

#survey-submit-btn {
  background-color: #2c3a32; 
  cursor: pointer;
  opacity: 1;
  position: relative;
  top: 10px;
  width: 200px;
  height: 30px;
  z-index: 10;
  border-radius: 5px;
  border-color: #e2e9e6;
  border-style: solid;
  border-width: 1px;
  font: normal bold  0.9em/1.2em verdana, sans-serif;  
  color: #e2e9e6;
}








.pie {
  --w:150px;
  
  width: var(--w);
  aspect-ratio: 1;
  position: relative;
  display: inline-grid;
  place-content: center;
  margin: 20px;
  font-size: 20px;
  font-weight: bold;
  font-family: sans-serif;
}
.pie:before {
  content: "";
  position: absolute;
  border-radius: 50%;
  inset: 0;
  /*background: conic-gradient(var(--c) calc(var(--p)*1%),var(--c2) calc(var(--p2)*1%),#0000 0);*/
  background: conic-gradient(var(--c) calc(var(--p)*1%),var(--c2) calc(var(--p)*1%) calc(var(--p2)*1%),#ff6666bb 0);
  -webkit-mask:radial-gradient(farthest-side,#0000 calc(99% - var(--b)),#000 calc(100% - var(--b)));
          mask:radial-gradient(farthest-side,#0000 calc(99% - var(--b)),#000 calc(100% - var(--b)));
}

#pieName {
	color: #2c3a32;
	Text-Decoration: None;
	font: normal bold  1em/1.3em verdana, sans-serif;
}

#pieName2 {
	color: darkgray;
	Text-Decoration: None;
	font: normal bold  1em/1.3em verdana, sans-serif;
}

#pieName3 {
	color: #ff6666bb;
	Text-Decoration: None;
	font: normal bold  1em/1.3em verdana, sans-serif;
}














dl {
  display: flex;
  background-color: #00000000;
  flex-direction: column;
  width: 100%;
  max-width: 700px;
  position: relative;
  padding: 20px;
}

dt {
  align-self: flex-start;
  width: 100%;
  font-weight: 700;
  display: block;
  text-align: center;
  font-size: 1.2em;
  font-weight: 700;
  margin-bottom: 20px;
  margin-left: 250px;
}

.bar_text {
  font-weight: 600;
  display: flex;
  align-items: center;
  height: 40px;
  width: 250px;
  background-color: #00000000;
  position: absolute;
  left: 0;
  justify-content: flex-end;
}

.percentage {
  font-size: 0.8em;
  line-height: 1;
  text-transform: uppercase;
  width: 100%;
  height: 40px;
  margin-left: 250px;
  background: repeating-linear-gradient(to right, #ddd, #ddd 1px, #fff 1px, #fff 10%);
}
.percentage:after {
  content: "";
  display: block;
  background-color: var(--c);
  width: 50px;
  margin-bottom: 10px;
  height: 90%;
  position: relative;
  top: 50%;
  transform: translateY(-50%);
  transition: background-color 0.3s ease;
  cursor: pointer;
}
.percentage:hover:after, .percentage:focus:after {
  background-color: #aaa;
}

.percentage-1:after {
  width: 1%;
}

.percentage-2:after {
  width: 2%;
}

.percentage-3:after {
  width: 3%;
}

.percentage-4:after {
  width: 4%;
}

.percentage-5:after {
  width: 5%;
}

.percentage-6:after {
  width: 6%;
}

.percentage-7:after {
  width: 7%;
}

.percentage-8:after {
  width: 8%;
}

.percentage-9:after {
  width: 9%;
}

.percentage-10:after {
  width: 10%;
}

.percentage-11:after {
  width: 11%;
}

.percentage-12:after {
  width: 12%;
}

.percentage-13:after {
  width: 13%;
}

.percentage-14:after {
  width: 14%;
}

.percentage-15:after {
  width: 15%;
}

.percentage-16:after {
  width: 16%;
}

.percentage-17:after {
  width: 17%;
}

.percentage-18:after {
  width: 18%;
}

.percentage-19:after {
  width: 19%;
}

.percentage-20:after {
  width: 20%;
}

.percentage-21:after {
  width: 21%;
}

.percentage-22:after {
  width: 22%;
}

.percentage-23:after {
  width: 23%;
}

.percentage-24:after {
  width: 24%;
}

.percentage-25:after {
  width: 25%;
}

.percentage-26:after {
  width: 26%;
}

.percentage-27:after {
  width: 27%;
}

.percentage-28:after {
  width: 28%;
}

.percentage-29:after {
  width: 29%;
}

.percentage-30:after {
  width: 30%;
}

.percentage-31:after {
  width: 31%;
}

.percentage-32:after {
  width: 32%;
}

.percentage-33:after {
  width: 33%;
}

.percentage-34:after {
  width: 34%;
}

.percentage-35:after {
  width: 35%;
}

.percentage-36:after {
  width: 36%;
}

.percentage-37:after {
  width: 37%;
}

.percentage-38:after {
  width: 38%;
}

.percentage-39:after {
  width: 39%;
}

.percentage-40:after {
  width: 40%;
}

.percentage-41:after {
  width: 41%;
}

.percentage-42:after {
  width: 42%;
}

.percentage-43:after {
  width: 43%;
}

.percentage-44:after {
  width: 44%;
}

.percentage-45:after {
  width: 45%;
}

.percentage-46:after {
  width: 46%;
}

.percentage-47:after {
  width: 47%;
}

.percentage-48:after {
  width: 48%;
}

.percentage-49:after {
  width: 49%;
}

.percentage-50:after {
  width: 50%;
}

.percentage-51:after {
  width: 51%;
}

.percentage-52:after {
  width: 52%;
}

.percentage-53:after {
  width: 53%;
}

.percentage-54:after {
  width: 54%;
}

.percentage-55:after {
  width: 55%;
}

.percentage-56:after {
  width: 56%;
}

.percentage-57:after {
  width: 57%;
}

.percentage-58:after {
  width: 58%;
}

.percentage-59:after {
  width: 59%;
}

.percentage-60:after {
  width: 60%;
}

.percentage-61:after {
  width: 61%;
}

.percentage-62:after {
  width: 62%;
}

.percentage-63:after {
  width: 63%;
}

.percentage-64:after {
  width: 64%;
}

.percentage-65:after {
  width: 65%;
}

.percentage-66:after {
  width: 66%;
}

.percentage-67:after {
  width: 67%;
}

.percentage-68:after {
  width: 68%;
}

.percentage-69:after {
  width: 69%;
}

.percentage-70:after {
  width: 70%;
}

.percentage-71:after {
  width: 71%;
}

.percentage-72:after {
  width: 72%;
}

.percentage-73:after {
  width: 73%;
}

.percentage-74:after {
  width: 74%;
}

.percentage-75:after {
  width: 75%;
}

.percentage-76:after {
  width: 76%;
}

.percentage-77:after {
  width: 77%;
}

.percentage-78:after {
  width: 78%;
}

.percentage-79:after {
  width: 79%;
}

.percentage-80:after {
  width: 80%;
}

.percentage-81:after {
  width: 81%;
}

.percentage-82:after {
  width: 82%;
}

.percentage-83:after {
  width: 83%;
}

.percentage-84:after {
  width: 84%;
}

.percentage-85:after {
  width: 85%;
}

.percentage-86:after {
  width: 86%;
}

.percentage-87:after {
  width: 87%;
}

.percentage-88:after {
  width: 88%;
}

.percentage-89:after {
  width: 89%;
}

.percentage-90:after {
  width: 90%;
}

.percentage-91:after {
  width: 91%;
}

.percentage-92:after {
  width: 92%;
}

.percentage-93:after {
  width: 93%;
}

.percentage-94:after {
  width: 94%;
}

.percentage-95:after {
  width: 95%;
}

.percentage-96:after {
  width: 96%;
}

.percentage-97:after {
  width: 97%;
}

.percentage-98:after {
  width: 98%;
}

.percentage-99:after {
  width: 99%;
}

.percentage-100:after {
  width: 100%;
}


























































#stars {
  width: 1px;
  height: 1px;
  background: transparent;
  box-shadow: 1829px 212px #FFF , 549px 856px #FFF , 1094px 1350px #FFF , 891px 345px #FFF , 854px 620px #FFF , 1921px 1223px #FFF , 11px 1971px #FFF , 526px 1569px #FFF , 821px 13px #FFF , 1532px 1595px #FFF , 898px 1682px #FFF , 1857px 1235px #FFF , 796px 582px #FFF , 1880px 296px #FFF , 1295px 1203px #FFF , 230px 1018px #FFF , 1298px 642px #FFF , 2px 1300px #FFF , 895px 658px #FFF , 462px 487px #FFF , 379px 1342px #FFF , 66px 486px #FFF , 1205px 307px #FFF , 217px 305px #FFF , 73px 1251px #FFF , 168px 673px #FFF , 394px 50px #FFF , 928px 1556px #FFF , 1590px 1191px #FFF , 790px 1838px #FFF , 1991px 212px #FFF , 1076px 652px #FFF , 1692px 643px #FFF , 1646px 389px #FFF , 1342px 1735px #FFF , 1023px 435px #FFF , 1226px 147px #FFF , 647px 1434px #FFF , 505px 660px #FFF , 1673px 1499px #FFF , 1851px 642px #FFF , 869px 658px #FFF , 70px 1398px #FFF , 1673px 850px #FFF , 546px 479px #FFF , 1536px 471px #FFF , 17px 1758px #FFF , 431px 1591px #FFF , 1737px 1390px #FFF , 1025px 998px #FFF , 769px 20px #FFF , 1852px 1832px #FFF , 1988px 1271px #FFF , 112px 1423px #FFF , 1742px 603px #FFF , 1156px 871px #FFF , 1275px 1551px #FFF , 429px 538px #FFF , 349px 1098px #FFF , 1885px 1114px #FFF , 1263px 47px #FFF , 1406px 948px #FFF , 297px 1432px #FFF , 1850px 1795px #FFF , 1791px 143px #FFF , 1586px 969px #FFF , 895px 489px #FFF , 1086px 1488px #FFF , 1760px 1517px #FFF , 543px 1288px #FFF , 442px 1666px #FFF , 499px 1226px #FFF , 1059px 1989px #FFF , 603px 1392px #FFF , 1720px 291px #FFF , 1609px 1925px #FFF , 1778px 1719px #FFF , 689px 1736px #FFF , 1600px 731px #FFF , 1718px 1616px #FFF , 1548px 778px #FFF , 367px 807px #FFF , 1420px 1058px #FFF , 118px 676px #FFF , 611px 563px #FFF , 1055px 29px #FFF , 47px 1644px #FFF , 1309px 570px #FFF , 1024px 1542px #FFF , 431px 1643px #FFF , 1863px 951px #FFF , 1424px 1022px #FFF , 1116px 1137px #FFF , 547px 1043px #FFF , 1658px 1598px #FFF , 954px 81px #FFF , 1522px 724px #FFF , 1167px 333px #FFF , 1333px 320px #FFF , 4px 841px #FFF , 300px 976px #FFF , 1560px 89px #FFF , 910px 364px #FFF , 311px 684px #FFF , 836px 335px #FFF , 454px 197px #FFF , 1100px 22px #FFF , 1591px 1074px #FFF , 1345px 1753px #FFF , 1545px 849px #FFF , 979px 407px #FFF , 1865px 987px #FFF , 487px 1067px #FFF , 1043px 329px #FFF , 1490px 1163px #FFF , 603px 801px #FFF , 995px 521px #FFF , 405px 1288px #FFF , 1797px 460px #FFF , 33px 109px #FFF , 1563px 168px #FFF , 1299px 589px #FFF , 317px 848px #FFF , 1205px 716px #FFF , 1775px 979px #FFF , 1297px 566px #FFF , 405px 760px #FFF , 318px 470px #FFF , 541px 695px #FFF , 1208px 1757px #FFF , 1393px 628px #FFF , 1734px 1700px #FFF , 1599px 1335px #FFF , 308px 1052px #FFF , 1718px 1842px #FFF , 1921px 980px #FFF , 1331px 29px #FFF , 1347px 9px #FFF , 1248px 1615px #FFF , 1154px 880px #FFF , 1616px 1738px #FFF , 1873px 1502px #FFF , 519px 610px #FFF , 540px 1495px #FFF , 595px 499px #FFF , 1154px 1702px #FFF , 1563px 213px #FFF , 1565px 1113px #FFF , 1258px 1504px #FFF , 727px 1678px #FFF , 1327px 160px #FFF , 427px 1760px #FFF , 705px 1908px #FFF , 584px 745px #FFF , 837px 760px #FFF , 870px 1483px #FFF , 1554px 741px #FFF , 762px 1331px #FFF , 1754px 1610px #FFF , 244px 478px #FFF , 244px 1860px #FFF , 1883px 1563px #FFF , 1349px 18px #FFF , 1034px 80px #FFF , 1170px 620px #FFF , 146px 1964px #FFF , 1794px 525px #FFF , 877px 892px #FFF , 1522px 1220px #FFF , 1533px 833px #FFF , 10px 694px #FFF , 570px 452px #FFF , 107px 1496px #FFF , 1121px 1377px #FFF , 620px 1114px #FFF , 1046px 1555px #FFF , 1820px 162px #FFF , 1114px 1401px #FFF , 691px 1977px #FFF , 858px 425px #FFF , 1346px 213px #FFF , 1165px 1322px #FFF , 37px 1364px #FFF , 714px 702px #FFF , 840px 1741px #FFF , 596px 243px #FFF , 1309px 1807px #FFF , 1556px 1265px #FFF , 1383px 642px #FFF , 167px 425px #FFF , 1477px 782px #FFF , 187px 1180px #FFF , 1261px 1631px #FFF , 328px 1097px #FFF , 258px 375px #FFF , 1818px 98px #FFF , 1943px 327px #FFF , 1409px 125px #FFF , 1311px 616px #FFF , 650px 1254px #FFF , 66px 1907px #FFF , 991px 1489px #FFF , 379px 690px #FFF , 1004px 460px #FFF , 407px 1195px #FFF , 1265px 1537px #FFF , 1823px 17px #FFF , 407px 1972px #FFF , 1828px 1848px #FFF , 1775px 1498px #FFF , 810px 1813px #FFF , 53px 1230px #FFF , 1881px 462px #FFF , 103px 1646px #FFF , 1523px 1418px #FFF , 1446px 1605px #FFF , 467px 656px #FFF , 707px 589px #FFF , 1162px 382px #FFF , 1441px 1134px #FFF , 599px 292px #FFF , 1804px 1520px #FFF , 479px 1135px #FFF , 280px 951px #FFF , 1492px 1328px #FFF , 907px 325px #FFF , 1918px 606px #FFF , 1321px 321px #FFF , 189px 1446px #FFF , 1985px 886px #FFF , 1546px 1998px #FFF , 1264px 1806px #FFF , 892px 1108px #FFF , 491px 186px #FFF , 1003px 1229px #FFF , 682px 1787px #FFF , 846px 867px #FFF , 1702px 1918px #FFF , 1851px 437px #FFF , 1825px 147px #FFF , 550px 1753px #FFF , 1860px 1365px #FFF , 432px 847px #FFF , 399px 1128px #FFF , 592px 631px #FFF , 129px 1064px #FFF , 1785px 493px #FFF , 1620px 886px #FFF , 1494px 1643px #FFF , 1041px 760px #FFF , 1626px 1042px #FFF , 165px 1960px #FFF , 1457px 1027px #FFF , 1921px 1065px #FFF , 1675px 230px #FFF , 1924px 1280px #FFF , 180px 138px #FFF , 1862px 179px #FFF , 1282px 851px #FFF , 26px 1406px #FFF , 149px 1828px #FFF , 1192px 1100px #FFF , 793px 1194px #FFF , 994px 1163px #FFF , 917px 1657px #FFF , 1569px 289px #FFF , 1208px 1291px #FFF , 110px 1343px #FFF , 1331px 1343px #FFF , 1241px 750px #FFF , 157px 1134px #FFF , 1596px 218px #FFF , 939px 903px #FFF , 1254px 615px #FFF , 1889px 49px #FFF , 1726px 1962px #FFF , 181px 257px #FFF , 143px 586px #FFF , 1112px 145px #FFF , 1906px 81px #FFF , 1657px 935px #FFF , 121px 66px #FFF , 516px 368px #FFF , 1954px 473px #FFF , 985px 1303px #FFF , 1820px 416px #FFF , 252px 1880px #FFF , 1770px 1327px #FFF , 1673px 1832px #FFF , 483px 723px #FFF , 2000px 704px #FFF , 1634px 1965px #FFF , 189px 812px #FFF , 777px 763px #FFF , 664px 218px #FFF , 1162px 1752px #FFF , 782px 1825px #FFF , 16px 123px #FFF , 1734px 1748px #FFF , 1637px 1671px #FFF , 10px 797px #FFF , 404px 926px #FFF , 1437px 534px #FFF , 117px 373px #FFF , 1458px 617px #FFF , 653px 1052px #FFF , 1764px 263px #FFF , 1615px 1827px #FFF , 1984px 811px #FFF , 1160px 336px #FFF , 232px 444px #FFF , 1386px 1187px #FFF , 1950px 237px #FFF , 347px 733px #FFF , 1044px 1417px #FFF , 389px 336px #FFF , 1601px 1250px #FFF , 523px 1233px #FFF , 1857px 1048px #FFF , 1251px 1513px #FFF , 1026px 1671px #FFF , 1204px 526px #FFF , 1713px 1460px #FFF , 1784px 1522px #FFF , 1192px 407px #FFF , 1759px 1178px #FFF , 1813px 701px #FFF , 893px 428px #FFF , 387px 1602px #FFF , 355px 884px #FFF , 987px 1755px #FFF , 992px 191px #FFF , 275px 149px #FFF , 235px 978px #FFF , 985px 1966px #FFF , 821px 1990px #FFF , 1856px 1442px #FFF , 421px 1844px #FFF , 1393px 1292px #FFF , 1075px 232px #FFF , 1381px 809px #FFF , 1982px 1814px #FFF , 107px 1117px #FFF , 760px 1599px #FFF , 1601px 1231px #FFF , 33px 1519px #FFF , 1449px 183px #FFF , 177px 1835px #FFF , 1930px 1232px #FFF , 1458px 1745px #FFF , 122px 1172px #FFF , 1813px 1534px #FFF , 1908px 1481px #FFF , 1068px 798px #FFF , 56px 1383px #FFF , 313px 1779px #FFF , 1357px 1750px #FFF , 1450px 1545px #FFF , 826px 1280px #FFF , 561px 341px #FFF , 959px 165px #FFF , 1666px 1288px #FFF , 544px 909px #FFF , 1179px 1795px #FFF , 1938px 67px #FFF , 1427px 1898px #FFF , 1135px 260px #FFF , 1257px 827px #FFF , 1863px 1435px #FFF , 756px 1312px #FFF , 1162px 666px #FFF , 1201px 541px #FFF , 1784px 1942px #FFF , 1633px 1313px #FFF , 114px 1789px #FFF , 1000px 1443px #FFF , 1319px 575px #FFF , 813px 1258px #FFF , 324px 1192px #FFF , 1012px 529px #FFF , 1730px 1075px #FFF , 1988px 529px #FFF , 732px 1438px #FFF , 444px 1784px #FFF , 1382px 50px #FFF , 125px 470px #FFF , 1627px 997px #FFF , 1950px 1491px #FFF , 752px 238px #FFF , 1134px 441px #FFF , 1845px 517px #FFF , 1432px 650px #FFF , 284px 627px #FFF , 1144px 1852px #FFF , 1140px 736px #FFF , 1058px 971px #FFF , 639px 537px #FFF , 1298px 517px #FFF , 1492px 437px #FFF , 1890px 1920px #FFF , 1596px 1019px #FFF , 459px 1820px #FFF , 344px 1720px #FFF , 1634px 750px #FFF , 416px 1424px #FFF , 1566px 1262px #FFF , 118px 1783px #FFF , 90px 1363px #FFF , 1013px 1090px #FFF , 1089px 1815px #FFF , 1408px 1234px #FFF , 140px 468px #FFF , 324px 1416px #FFF , 1200px 418px #FFF , 788px 442px #FFF , 754px 1754px #FFF , 1833px 1390px #FFF , 586px 1455px #FFF , 1742px 297px #FFF , 1812px 1059px #FFF , 633px 935px #FFF , 1786px 113px #FFF , 1409px 426px #FFF , 560px 1961px #FFF , 866px 613px #FFF , 1757px 950px #FFF , 856px 1480px #FFF , 7px 1443px #FFF , 81px 585px #FFF , 531px 852px #FFF , 1714px 957px #FFF , 348px 626px #FFF , 630px 918px #FFF , 844px 1023px #FFF , 471px 123px #FFF , 241px 276px #FFF , 1287px 485px #FFF , 730px 530px #FFF , 1554px 906px #FFF , 224px 1820px #FFF , 37px 55px #FFF , 50px 1770px #FFF , 468px 175px #FFF , 1756px 246px #FFF , 1657px 400px #FFF , 1251px 502px #FFF , 377px 971px #FFF , 255px 1860px #FFF , 1410px 914px #FFF , 940px 1697px #FFF , 1725px 500px #FFF , 724px 737px #FFF , 1895px 1136px #FFF , 1465px 1926px #FFF , 1800px 743px #FFF , 1651px 764px #FFF , 1374px 824px #FFF , 172px 1847px #FFF , 1013px 1928px #FFF , 421px 584px #FFF , 1819px 87px #FFF , 998px 1139px #FFF , 1143px 1917px #FFF , 475px 785px #FFF , 56px 1749px #FFF , 282px 1249px #FFF , 1737px 1714px #FFF , 1458px 787px #FFF , 1789px 1318px #FFF , 1964px 1831px #FFF , 1413px 489px #FFF , 1366px 1600px #FFF , 15px 1348px #FFF , 1882px 1644px #FFF , 1401px 1973px #FFF , 1103px 34px #FFF , 144px 820px #FFF , 388px 142px #FFF , 1460px 1356px #FFF , 1357px 912px #FFF , 1317px 1674px #FFF , 1470px 910px #FFF , 1084px 295px #FFF , 911px 1686px #FFF , 1157px 221px #FFF , 107px 933px #FFF , 988px 1027px #FFF , 1786px 244px #FFF , 1487px 1812px #FFF , 752px 100px #FFF , 1309px 1909px #FFF , 1952px 1058px #FFF , 1456px 1543px #FFF , 41px 1081px #FFF , 435px 401px #FFF , 1361px 468px #FFF , 1588px 1940px #FFF , 1231px 655px #FFF , 1014px 875px #FFF , 1005px 915px #FFF , 211px 448px #FFF , 1775px 146px #FFF , 1146px 1412px #FFF , 127px 1767px #FFF , 1940px 155px #FFF , 1424px 1283px #FFF , 278px 1429px #FFF , 1647px 3px #FFF , 1124px 1661px #FFF , 867px 574px #FFF , 1441px 483px #FFF , 1181px 965px #FFF , 1230px 734px #FFF , 821px 28px #FFF , 1907px 1494px #FFF , 1847px 975px #FFF , 1730px 1609px #FFF , 962px 1196px #FFF , 719px 915px #FFF , 1882px 873px #FFF , 1361px 145px #FFF , 471px 451px #FFF , 1110px 288px #FFF , 1514px 666px #FFF , 896px 1990px #FFF , 1395px 464px #FFF , 960px 437px #FFF , 1479px 143px #FFF , 1819px 44px #FFF , 1279px 842px #FFF , 766px 1465px #FFF , 1620px 1831px #FFF , 286px 1063px #FFF , 948px 419px #FFF , 4px 882px #FFF , 143px 1119px #FFF , 1117px 250px #FFF , 1029px 375px #FFF , 271px 1008px #FFF , 907px 1092px #FFF , 304px 1904px #FFF , 971px 1081px #FFF , 1945px 1375px #FFF , 25px 1684px #FFF , 41px 73px #FFF , 1305px 1370px #FFF , 1267px 1741px #FFF , 180px 1553px #FFF , 681px 55px #FFF , 616px 1973px #FFF , 1597px 457px #FFF , 296px 1644px #FFF , 1693px 1044px #FFF , 1530px 649px #FFF , 1233px 1846px #FFF , 1631px 1905px #FFF , 1404px 593px #FFF , 709px 924px #FFF , 1665px 1130px #FFF , 418px 1128px #FFF , 588px 1550px #FFF , 1538px 1414px #FFF , 1010px 561px #FFF , 766px 227px #FFF , 80px 291px #FFF , 1479px 642px #FFF , 1421px 1043px #FFF , 809px 834px #FFF , 1771px 1903px #FFF , 1765px 928px #FFF , 539px 707px #FFF , 1124px 1110px #FFF , 1088px 1526px #FFF , 960px 1246px #FFF , 202px 1909px #FFF , 1782px 1252px #FFF , 141px 819px #FFF , 1001px 1087px #FFF , 868px 1694px #FFF , 1068px 1642px #FFF , 1149px 1224px #FFF , 121px 1046px #FFF , 29px 880px #FFF , 1795px 447px #FFF , 1060px 19px #FFF , 741px 315px #FFF , 1752px 1516px #FFF , 1153px 311px #FFF , 1676px 926px #FFF , 1999px 474px #FFF , 56px 1368px #FFF , 15px 552px #FFF , 441px 20px #FFF , 199px 1804px #FFF , 132px 537px #FFF , 132px 1983px #FFF , 624px 1140px #FFF , 1747px 1962px #FFF , 1079px 1022px #FFF , 1655px 1313px #FFF , 1618px 1143px #FFF , 1614px 1482px #FFF , 1919px 1684px #FFF , 1940px 1619px #FFF , 985px 1801px #FFF , 1388px 1157px #FFF , 198px 1140px #FFF , 1973px 597px #FFF , 1702px 605px #FFF , 781px 1300px #FFF , 1986px 1255px #FFF , 912px 391px #FFF , 472px 962px #FFF , 1506px 886px #FFF , 27px 1211px #FFF , 152px 1026px #FFF , 1595px 851px #FFF , 182px 1211px #FFF , 329px 582px #FFF , 1986px 869px #FFF , 1343px 517px #FFF , 1665px 1425px #FFF , 1691px 834px #FFF , 578px 1934px #FFF , 364px 1875px #FFF , 199px 394px #FFF , 661px 1219px #FFF , 1135px 334px #FFF , 349px 1594px #FFF , 922px 1396px #FFF , 451px 1516px #FFF , 1175px 1700px #FFF , 539px 972px #FFF , 1675px 957px #FFF , 1756px 1042px #FFF , 792px 997px #FFF , 219px 779px #FFF , 1995px 1034px #FFF , 1347px 294px #FFF , 1859px 724px #FFF , 675px 1074px #FFF , 93px 1385px #FFF , 1834px 154px #FFF , 835px 1187px #FFF , 248px 350px #FFF , 395px 1864px #FFF , 1979px 1416px #FFF , 473px 722px #FFF , 1748px 1273px #FFF , 714px 1413px #FFF , 59px 1850px #FFF , 1316px 520px #FFF , 340px 295px #FFF , 654px 1820px #FFF , 108px 298px #FFF , 1990px 795px #FFF , 805px 1907px #FFF , 1431px 1477px #FFF , 120px 1810px #FFF , 310px 1505px #FFF , 463px 254px #FFF , 1453px 1221px #FFF , 310px 453px #FFF , 1467px 1173px #FFF , 436px 1887px #FFF , 785px 1464px #FFF , 859px 1148px #FFF , 1068px 1061px #FFF , 1009px 22px #FFF , 50px 1233px #FFF , 1427px 734px #FFF , 209px 1854px #FFF , 1235px 401px #FFF , 1925px 2px #FFF , 573px 1390px #FFF , 953px 1495px #FFF , 1191px 610px #FFF , 350px 1923px #FFF , 1692px 1280px #FFF , 1802px 794px #FFF , 1492px 493px #FFF , 1721px 1466px #FFF , 1456px 1405px #FFF , 1224px 1663px #FFF , 1778px 753px #FFF , 403px 1631px #FFF , 1233px 1522px #FFF , 20px 134px #FFF , 1105px 1630px #FFF , 361px 1961px #FFF , 74px 504px #FFF , 1015px 630px #FFF , 1998px 444px #FFF , 1844px 1144px #FFF , 1426px 196px #FFF , 312px 562px #FFF , 777px 1529px #FFF , 1831px 1289px #FFF , 666px 1253px #FFF , 882px 1473px #FFF;
  animation: animStar 50s linear infinite;
}
#stars:after {
  content: " ";
  position: absolute;
  top: 1000px;
  width: 1px;
  height: 1px;
  background: transparent;
  box-shadow: 1829px 212px #FFF , 549px 856px #FFF , 1094px 1350px #FFF , 891px 345px #FFF , 854px 620px #FFF , 1921px 1223px #FFF , 11px 1971px #FFF , 526px 1569px #FFF , 821px 13px #FFF , 1532px 1595px #FFF , 898px 1682px #FFF , 1857px 1235px #FFF , 796px 582px #FFF , 1880px 296px #FFF , 1295px 1203px #FFF , 230px 1018px #FFF , 1298px 642px #FFF , 2px 1300px #FFF , 895px 658px #FFF , 462px 487px #FFF , 379px 1342px #FFF , 66px 486px #FFF , 1205px 307px #FFF , 217px 305px #FFF , 73px 1251px #FFF , 168px 673px #FFF , 394px 50px #FFF , 928px 1556px #FFF , 1590px 1191px #FFF , 790px 1838px #FFF , 1991px 212px #FFF , 1076px 652px #FFF , 1692px 643px #FFF , 1646px 389px #FFF , 1342px 1735px #FFF , 1023px 435px #FFF , 1226px 147px #FFF , 647px 1434px #FFF , 505px 660px #FFF , 1673px 1499px #FFF , 1851px 642px #FFF , 869px 658px #FFF , 70px 1398px #FFF , 1673px 850px #FFF , 546px 479px #FFF , 1536px 471px #FFF , 17px 1758px #FFF , 431px 1591px #FFF , 1737px 1390px #FFF , 1025px 998px #FFF , 769px 20px #FFF , 1852px 1832px #FFF , 1988px 1271px #FFF , 112px 1423px #FFF , 1742px 603px #FFF , 1156px 871px #FFF , 1275px 1551px #FFF , 429px 538px #FFF , 349px 1098px #FFF , 1885px 1114px #FFF , 1263px 47px #FFF , 1406px 948px #FFF , 297px 1432px #FFF , 1850px 1795px #FFF , 1791px 143px #FFF , 1586px 969px #FFF , 895px 489px #FFF , 1086px 1488px #FFF , 1760px 1517px #FFF , 543px 1288px #FFF , 442px 1666px #FFF , 499px 1226px #FFF , 1059px 1989px #FFF , 603px 1392px #FFF , 1720px 291px #FFF , 1609px 1925px #FFF , 1778px 1719px #FFF , 689px 1736px #FFF , 1600px 731px #FFF , 1718px 1616px #FFF , 1548px 778px #FFF , 367px 807px #FFF , 1420px 1058px #FFF , 118px 676px #FFF , 611px 563px #FFF , 1055px 29px #FFF , 47px 1644px #FFF , 1309px 570px #FFF , 1024px 1542px #FFF , 431px 1643px #FFF , 1863px 951px #FFF , 1424px 1022px #FFF , 1116px 1137px #FFF , 547px 1043px #FFF , 1658px 1598px #FFF , 954px 81px #FFF , 1522px 724px #FFF , 1167px 333px #FFF , 1333px 320px #FFF , 4px 841px #FFF , 300px 976px #FFF , 1560px 89px #FFF , 910px 364px #FFF , 311px 684px #FFF , 836px 335px #FFF , 454px 197px #FFF , 1100px 22px #FFF , 1591px 1074px #FFF , 1345px 1753px #FFF , 1545px 849px #FFF , 979px 407px #FFF , 1865px 987px #FFF , 487px 1067px #FFF , 1043px 329px #FFF , 1490px 1163px #FFF , 603px 801px #FFF , 995px 521px #FFF , 405px 1288px #FFF , 1797px 460px #FFF , 33px 109px #FFF , 1563px 168px #FFF , 1299px 589px #FFF , 317px 848px #FFF , 1205px 716px #FFF , 1775px 979px #FFF , 1297px 566px #FFF , 405px 760px #FFF , 318px 470px #FFF , 541px 695px #FFF , 1208px 1757px #FFF , 1393px 628px #FFF , 1734px 1700px #FFF , 1599px 1335px #FFF , 308px 1052px #FFF , 1718px 1842px #FFF , 1921px 980px #FFF , 1331px 29px #FFF , 1347px 9px #FFF , 1248px 1615px #FFF , 1154px 880px #FFF , 1616px 1738px #FFF , 1873px 1502px #FFF , 519px 610px #FFF , 540px 1495px #FFF , 595px 499px #FFF , 1154px 1702px #FFF , 1563px 213px #FFF , 1565px 1113px #FFF , 1258px 1504px #FFF , 727px 1678px #FFF , 1327px 160px #FFF , 427px 1760px #FFF , 705px 1908px #FFF , 584px 745px #FFF , 837px 760px #FFF , 870px 1483px #FFF , 1554px 741px #FFF , 762px 1331px #FFF , 1754px 1610px #FFF , 244px 478px #FFF , 244px 1860px #FFF , 1883px 1563px #FFF , 1349px 18px #FFF , 1034px 80px #FFF , 1170px 620px #FFF , 146px 1964px #FFF , 1794px 525px #FFF , 877px 892px #FFF , 1522px 1220px #FFF , 1533px 833px #FFF , 10px 694px #FFF , 570px 452px #FFF , 107px 1496px #FFF , 1121px 1377px #FFF , 620px 1114px #FFF , 1046px 1555px #FFF , 1820px 162px #FFF , 1114px 1401px #FFF , 691px 1977px #FFF , 858px 425px #FFF , 1346px 213px #FFF , 1165px 1322px #FFF , 37px 1364px #FFF , 714px 702px #FFF , 840px 1741px #FFF , 596px 243px #FFF , 1309px 1807px #FFF , 1556px 1265px #FFF , 1383px 642px #FFF , 167px 425px #FFF , 1477px 782px #FFF , 187px 1180px #FFF , 1261px 1631px #FFF , 328px 1097px #FFF , 258px 375px #FFF , 1818px 98px #FFF , 1943px 327px #FFF , 1409px 125px #FFF , 1311px 616px #FFF , 650px 1254px #FFF , 66px 1907px #FFF , 991px 1489px #FFF , 379px 690px #FFF , 1004px 460px #FFF , 407px 1195px #FFF , 1265px 1537px #FFF , 1823px 17px #FFF , 407px 1972px #FFF , 1828px 1848px #FFF , 1775px 1498px #FFF , 810px 1813px #FFF , 53px 1230px #FFF , 1881px 462px #FFF , 103px 1646px #FFF , 1523px 1418px #FFF , 1446px 1605px #FFF , 467px 656px #FFF , 707px 589px #FFF , 1162px 382px #FFF , 1441px 1134px #FFF , 599px 292px #FFF , 1804px 1520px #FFF , 479px 1135px #FFF , 280px 951px #FFF , 1492px 1328px #FFF , 907px 325px #FFF , 1918px 606px #FFF , 1321px 321px #FFF , 189px 1446px #FFF , 1985px 886px #FFF , 1546px 1998px #FFF , 1264px 1806px #FFF , 892px 1108px #FFF , 491px 186px #FFF , 1003px 1229px #FFF , 682px 1787px #FFF , 846px 867px #FFF , 1702px 1918px #FFF , 1851px 437px #FFF , 1825px 147px #FFF , 550px 1753px #FFF , 1860px 1365px #FFF , 432px 847px #FFF , 399px 1128px #FFF , 592px 631px #FFF , 129px 1064px #FFF , 1785px 493px #FFF , 1620px 886px #FFF , 1494px 1643px #FFF , 1041px 760px #FFF , 1626px 1042px #FFF , 165px 1960px #FFF , 1457px 1027px #FFF , 1921px 1065px #FFF , 1675px 230px #FFF , 1924px 1280px #FFF , 180px 138px #FFF , 1862px 179px #FFF , 1282px 851px #FFF , 26px 1406px #FFF , 149px 1828px #FFF , 1192px 1100px #FFF , 793px 1194px #FFF , 994px 1163px #FFF , 917px 1657px #FFF , 1569px 289px #FFF , 1208px 1291px #FFF , 110px 1343px #FFF , 1331px 1343px #FFF , 1241px 750px #FFF , 157px 1134px #FFF , 1596px 218px #FFF , 939px 903px #FFF , 1254px 615px #FFF , 1889px 49px #FFF , 1726px 1962px #FFF , 181px 257px #FFF , 143px 586px #FFF , 1112px 145px #FFF , 1906px 81px #FFF , 1657px 935px #FFF , 121px 66px #FFF , 516px 368px #FFF , 1954px 473px #FFF , 985px 1303px #FFF , 1820px 416px #FFF , 252px 1880px #FFF , 1770px 1327px #FFF , 1673px 1832px #FFF , 483px 723px #FFF , 2000px 704px #FFF , 1634px 1965px #FFF , 189px 812px #FFF , 777px 763px #FFF , 664px 218px #FFF , 1162px 1752px #FFF , 782px 1825px #FFF , 16px 123px #FFF , 1734px 1748px #FFF , 1637px 1671px #FFF , 10px 797px #FFF , 404px 926px #FFF , 1437px 534px #FFF , 117px 373px #FFF , 1458px 617px #FFF , 653px 1052px #FFF , 1764px 263px #FFF , 1615px 1827px #FFF , 1984px 811px #FFF , 1160px 336px #FFF , 232px 444px #FFF , 1386px 1187px #FFF , 1950px 237px #FFF , 347px 733px #FFF , 1044px 1417px #FFF , 389px 336px #FFF , 1601px 1250px #FFF , 523px 1233px #FFF , 1857px 1048px #FFF , 1251px 1513px #FFF , 1026px 1671px #FFF , 1204px 526px #FFF , 1713px 1460px #FFF , 1784px 1522px #FFF , 1192px 407px #FFF , 1759px 1178px #FFF , 1813px 701px #FFF , 893px 428px #FFF , 387px 1602px #FFF , 355px 884px #FFF , 987px 1755px #FFF , 992px 191px #FFF , 275px 149px #FFF , 235px 978px #FFF , 985px 1966px #FFF , 821px 1990px #FFF , 1856px 1442px #FFF , 421px 1844px #FFF , 1393px 1292px #FFF , 1075px 232px #FFF , 1381px 809px #FFF , 1982px 1814px #FFF , 107px 1117px #FFF , 760px 1599px #FFF , 1601px 1231px #FFF , 33px 1519px #FFF , 1449px 183px #FFF , 177px 1835px #FFF , 1930px 1232px #FFF , 1458px 1745px #FFF , 122px 1172px #FFF , 1813px 1534px #FFF , 1908px 1481px #FFF , 1068px 798px #FFF , 56px 1383px #FFF , 313px 1779px #FFF , 1357px 1750px #FFF , 1450px 1545px #FFF , 826px 1280px #FFF , 561px 341px #FFF , 959px 165px #FFF , 1666px 1288px #FFF , 544px 909px #FFF , 1179px 1795px #FFF , 1938px 67px #FFF , 1427px 1898px #FFF , 1135px 260px #FFF , 1257px 827px #FFF , 1863px 1435px #FFF , 756px 1312px #FFF , 1162px 666px #FFF , 1201px 541px #FFF , 1784px 1942px #FFF , 1633px 1313px #FFF , 114px 1789px #FFF , 1000px 1443px #FFF , 1319px 575px #FFF , 813px 1258px #FFF , 324px 1192px #FFF , 1012px 529px #FFF , 1730px 1075px #FFF , 1988px 529px #FFF , 732px 1438px #FFF , 444px 1784px #FFF , 1382px 50px #FFF , 125px 470px #FFF , 1627px 997px #FFF , 1950px 1491px #FFF , 752px 238px #FFF , 1134px 441px #FFF , 1845px 517px #FFF , 1432px 650px #FFF , 284px 627px #FFF , 1144px 1852px #FFF , 1140px 736px #FFF , 1058px 971px #FFF , 639px 537px #FFF , 1298px 517px #FFF , 1492px 437px #FFF , 1890px 1920px #FFF , 1596px 1019px #FFF , 459px 1820px #FFF , 344px 1720px #FFF , 1634px 750px #FFF , 416px 1424px #FFF , 1566px 1262px #FFF , 118px 1783px #FFF , 90px 1363px #FFF , 1013px 1090px #FFF , 1089px 1815px #FFF , 1408px 1234px #FFF , 140px 468px #FFF , 324px 1416px #FFF , 1200px 418px #FFF , 788px 442px #FFF , 754px 1754px #FFF , 1833px 1390px #FFF , 586px 1455px #FFF , 1742px 297px #FFF , 1812px 1059px #FFF , 633px 935px #FFF , 1786px 113px #FFF , 1409px 426px #FFF , 560px 1961px #FFF , 866px 613px #FFF , 1757px 950px #FFF , 856px 1480px #FFF , 7px 1443px #FFF , 81px 585px #FFF , 531px 852px #FFF , 1714px 957px #FFF , 348px 626px #FFF , 630px 918px #FFF , 844px 1023px #FFF , 471px 123px #FFF , 241px 276px #FFF , 1287px 485px #FFF , 730px 530px #FFF , 1554px 906px #FFF , 224px 1820px #FFF , 37px 55px #FFF , 50px 1770px #FFF , 468px 175px #FFF , 1756px 246px #FFF , 1657px 400px #FFF , 1251px 502px #FFF , 377px 971px #FFF , 255px 1860px #FFF , 1410px 914px #FFF , 940px 1697px #FFF , 1725px 500px #FFF , 724px 737px #FFF , 1895px 1136px #FFF , 1465px 1926px #FFF , 1800px 743px #FFF , 1651px 764px #FFF , 1374px 824px #FFF , 172px 1847px #FFF , 1013px 1928px #FFF , 421px 584px #FFF , 1819px 87px #FFF , 998px 1139px #FFF , 1143px 1917px #FFF , 475px 785px #FFF , 56px 1749px #FFF , 282px 1249px #FFF , 1737px 1714px #FFF , 1458px 787px #FFF , 1789px 1318px #FFF , 1964px 1831px #FFF , 1413px 489px #FFF , 1366px 1600px #FFF , 15px 1348px #FFF , 1882px 1644px #FFF , 1401px 1973px #FFF , 1103px 34px #FFF , 144px 820px #FFF , 388px 142px #FFF , 1460px 1356px #FFF , 1357px 912px #FFF , 1317px 1674px #FFF , 1470px 910px #FFF , 1084px 295px #FFF , 911px 1686px #FFF , 1157px 221px #FFF , 107px 933px #FFF , 988px 1027px #FFF , 1786px 244px #FFF , 1487px 1812px #FFF , 752px 100px #FFF , 1309px 1909px #FFF , 1952px 1058px #FFF , 1456px 1543px #FFF , 41px 1081px #FFF , 435px 401px #FFF , 1361px 468px #FFF , 1588px 1940px #FFF , 1231px 655px #FFF , 1014px 875px #FFF , 1005px 915px #FFF , 211px 448px #FFF , 1775px 146px #FFF , 1146px 1412px #FFF , 127px 1767px #FFF , 1940px 155px #FFF , 1424px 1283px #FFF , 278px 1429px #FFF , 1647px 3px #FFF , 1124px 1661px #FFF , 867px 574px #FFF , 1441px 483px #FFF , 1181px 965px #FFF , 1230px 734px #FFF , 821px 28px #FFF , 1907px 1494px #FFF , 1847px 975px #FFF , 1730px 1609px #FFF , 962px 1196px #FFF , 719px 915px #FFF , 1882px 873px #FFF , 1361px 145px #FFF , 471px 451px #FFF , 1110px 288px #FFF , 1514px 666px #FFF , 896px 1990px #FFF , 1395px 464px #FFF , 960px 437px #FFF , 1479px 143px #FFF , 1819px 44px #FFF , 1279px 842px #FFF , 766px 1465px #FFF , 1620px 1831px #FFF , 286px 1063px #FFF , 948px 419px #FFF , 4px 882px #FFF , 143px 1119px #FFF , 1117px 250px #FFF , 1029px 375px #FFF , 271px 1008px #FFF , 907px 1092px #FFF , 304px 1904px #FFF , 971px 1081px #FFF , 1945px 1375px #FFF , 25px 1684px #FFF , 41px 73px #FFF , 1305px 1370px #FFF , 1267px 1741px #FFF , 180px 1553px #FFF , 681px 55px #FFF , 616px 1973px #FFF , 1597px 457px #FFF , 296px 1644px #FFF , 1693px 1044px #FFF , 1530px 649px #FFF , 1233px 1846px #FFF , 1631px 1905px #FFF , 1404px 593px #FFF , 709px 924px #FFF , 1665px 1130px #FFF , 418px 1128px #FFF , 588px 1550px #FFF , 1538px 1414px #FFF , 1010px 561px #FFF , 766px 227px #FFF , 80px 291px #FFF , 1479px 642px #FFF , 1421px 1043px #FFF , 809px 834px #FFF , 1771px 1903px #FFF , 1765px 928px #FFF , 539px 707px #FFF , 1124px 1110px #FFF , 1088px 1526px #FFF , 960px 1246px #FFF , 202px 1909px #FFF , 1782px 1252px #FFF , 141px 819px #FFF , 1001px 1087px #FFF , 868px 1694px #FFF , 1068px 1642px #FFF , 1149px 1224px #FFF , 121px 1046px #FFF , 29px 880px #FFF , 1795px 447px #FFF , 1060px 19px #FFF , 741px 315px #FFF , 1752px 1516px #FFF , 1153px 311px #FFF , 1676px 926px #FFF , 1999px 474px #FFF , 56px 1368px #FFF , 15px 552px #FFF , 441px 20px #FFF , 199px 1804px #FFF , 132px 537px #FFF , 132px 1983px #FFF , 624px 1140px #FFF , 1747px 1962px #FFF , 1079px 1022px #FFF , 1655px 1313px #FFF , 1618px 1143px #FFF , 1614px 1482px #FFF , 1919px 1684px #FFF , 1940px 1619px #FFF , 985px 1801px #FFF , 1388px 1157px #FFF , 198px 1140px #FFF , 1973px 597px #FFF , 1702px 605px #FFF , 781px 1300px #FFF , 1986px 1255px #FFF , 912px 391px #FFF , 472px 962px #FFF , 1506px 886px #FFF , 27px 1211px #FFF , 152px 1026px #FFF , 1595px 851px #FFF , 182px 1211px #FFF , 329px 582px #FFF , 1986px 869px #FFF , 1343px 517px #FFF , 1665px 1425px #FFF , 1691px 834px #FFF , 578px 1934px #FFF , 364px 1875px #FFF , 199px 394px #FFF , 661px 1219px #FFF , 1135px 334px #FFF , 349px 1594px #FFF , 922px 1396px #FFF , 451px 1516px #FFF , 1175px 1700px #FFF , 539px 972px #FFF , 1675px 957px #FFF , 1756px 1042px #FFF , 792px 997px #FFF , 219px 779px #FFF , 1995px 1034px #FFF , 1347px 294px #FFF , 1859px 724px #FFF , 675px 1074px #FFF , 93px 1385px #FFF , 1834px 154px #FFF , 835px 1187px #FFF , 248px 350px #FFF , 395px 1864px #FFF , 1979px 1416px #FFF , 473px 722px #FFF , 1748px 1273px #FFF , 714px 1413px #FFF , 59px 1850px #FFF , 1316px 520px #FFF , 340px 295px #FFF , 654px 1820px #FFF , 108px 298px #FFF , 1990px 795px #FFF , 805px 1907px #FFF , 1431px 1477px #FFF , 120px 1810px #FFF , 310px 1505px #FFF , 463px 254px #FFF , 1453px 1221px #FFF , 310px 453px #FFF , 1467px 1173px #FFF , 436px 1887px #FFF , 785px 1464px #FFF , 859px 1148px #FFF , 1068px 1061px #FFF , 1009px 22px #FFF , 50px 1233px #FFF , 1427px 734px #FFF , 209px 1854px #FFF , 1235px 401px #FFF , 1925px 2px #FFF , 573px 1390px #FFF , 953px 1495px #FFF , 1191px 610px #FFF , 350px 1923px #FFF , 1692px 1280px #FFF , 1802px 794px #FFF , 1492px 493px #FFF , 1721px 1466px #FFF , 1456px 1405px #FFF , 1224px 1663px #FFF , 1778px 753px #FFF , 403px 1631px #FFF , 1233px 1522px #FFF , 20px 134px #FFF , 1105px 1630px #FFF , 361px 1961px #FFF , 74px 504px #FFF , 1015px 630px #FFF , 1998px 444px #FFF , 1844px 1144px #FFF , 1426px 196px #FFF , 312px 562px #FFF , 777px 1529px #FFF , 1831px 1289px #FFF , 666px 1253px #FFF , 882px 1473px #FFF;
}

#stars2 {
  width: 2px;
  height: 2px;
  background: transparent;
  box-shadow: 197px 728px #FFF , 628px 1090px #FFF , 1352px 1894px #FFF , 1214px 674px #FFF , 453px 403px #FFF , 1405px 1679px #FFF , 486px 589px #FFF , 622px 213px #FFF , 1384px 316px #FFF , 634px 1160px #FFF , 861px 1118px #FFF , 1100px 813px #FFF , 92px 1452px #FFF , 655px 363px #FFF , 1948px 1273px #FFF , 1755px 228px #FFF , 674px 1869px #FFF , 554px 217px #FFF , 1180px 1511px #FFF , 1538px 322px #FFF , 211px 886px #FFF , 128px 1924px #FFF , 1878px 806px #FFF , 1092px 1259px #FFF , 1032px 418px #FFF , 1074px 1533px #FFF , 1956px 1017px #FFF , 1547px 586px #FFF , 599px 690px #FFF , 1483px 118px #FFF , 1556px 680px #FFF , 1502px 725px #FFF , 1360px 236px #FFF , 1797px 1872px #FFF , 635px 872px #FFF , 948px 422px #FFF , 231px 1956px #FFF , 897px 1264px #FFF , 38px 342px #FFF , 1185px 407px #FFF , 1674px 1925px #FFF , 1545px 897px #FFF , 1981px 837px #FFF , 1860px 1175px #FFF , 1922px 1065px #FFF , 1361px 16px #FFF , 1388px 1104px #FFF , 334px 1243px #FFF , 1596px 175px #FFF , 1718px 786px #FFF , 1584px 1735px #FFF , 1150px 1444px #FFF , 1680px 807px #FFF , 762px 1098px #FFF , 736px 45px #FFF , 1602px 1666px #FFF , 873px 1683px #FFF , 492px 1827px #FFF , 1272px 1688px #FFF , 1854px 135px #FFF , 298px 1558px #FFF , 1771px 1561px #FFF , 1731px 826px #FFF , 1275px 918px #FFF , 1154px 1225px #FFF , 1512px 1122px #FFF , 990px 53px #FFF , 797px 866px #FFF , 206px 1593px #FFF , 11px 1011px #FFF , 1077px 791px #FFF , 33px 322px #FFF , 753px 49px #FFF , 1660px 164px #FFF , 136px 1793px #FFF , 1689px 1735px #FFF , 1441px 167px #FFF , 793px 1233px #FFF , 406px 1548px #FFF , 13px 319px #FFF , 1377px 1992px #FFF , 1337px 1811px #FFF , 66px 1996px #FFF , 1995px 1415px #FFF , 946px 145px #FFF , 155px 32px #FFF , 1360px 1124px #FFF , 1520px 1926px #FFF , 1066px 1730px #FFF , 1399px 805px #FFF , 380px 948px #FFF , 772px 1416px #FFF , 1359px 408px #FFF , 35px 817px #FFF , 217px 263px #FFF , 1181px 584px #FFF , 311px 490px #FFF , 86px 1169px #FFF , 94px 247px #FFF , 396px 695px #FFF , 1248px 1814px #FFF , 322px 186px #FFF , 671px 1102px #FFF , 939px 278px #FFF , 908px 1003px #FFF , 697px 191px #FFF , 228px 1694px #FFF , 1146px 1033px #FFF , 54px 533px #FFF , 402px 1732px #FFF , 289px 717px #FFF , 762px 209px #FFF , 459px 1444px #FFF , 1584px 189px #FFF , 1971px 379px #FFF , 345px 1418px #FFF , 1009px 242px #FFF , 1136px 6px #FFF , 558px 33px #FFF , 1956px 1154px #FFF , 365px 1169px #FFF , 1447px 738px #FFF , 310px 232px #FFF , 113px 1963px #FFF , 786px 902px #FFF , 414px 745px #FFF , 336px 1672px #FFF , 1536px 1348px #FFF , 911px 740px #FFF , 739px 1668px #FFF , 657px 1827px #FFF , 983px 1470px #FFF , 545px 58px #FFF , 47px 350px #FFF , 1315px 683px #FFF , 162px 1602px #FFF , 1052px 332px #FFF , 528px 1990px #FFF , 1643px 1901px #FFF , 1761px 1915px #FFF , 1859px 538px #FFF , 541px 905px #FFF , 105px 870px #FFF , 591px 1611px #FFF , 232px 354px #FFF , 1438px 839px #FFF , 1691px 943px #FFF , 1459px 1959px #FFF , 302px 743px #FFF , 36px 849px #FFF , 1016px 1603px #FFF , 930px 209px #FFF , 30px 242px #FFF , 361px 1627px #FFF , 1767px 1721px #FFF , 1417px 600px #FFF , 231px 1817px #FFF , 385px 422px #FFF , 1300px 1908px #FFF , 901px 445px #FFF , 1020px 546px #FFF , 1551px 1925px #FFF , 1134px 272px #FFF , 963px 1452px #FFF , 1522px 358px #FFF , 1143px 256px #FFF , 1385px 1981px #FFF , 1354px 1219px #FFF , 1749px 1032px #FFF , 1922px 19px #FFF , 973px 59px #FFF , 1256px 1169px #FFF , 587px 408px #FFF , 927px 1099px #FFF , 615px 642px #FFF , 392px 1261px #FFF , 1086px 1804px #FFF , 1144px 10px #FFF , 503px 885px #FFF , 1579px 341px #FFF , 642px 41px #FFF , 1585px 734px #FFF , 292px 1707px #FFF , 1874px 964px #FFF , 10px 1655px #FFF , 1120px 78px #FFF , 162px 1726px #FFF , 912px 835px #FFF , 441px 1231px #FFF , 314px 1495px #FFF , 206px 1409px #FFF , 331px 1995px #FFF , 680px 1791px #FFF , 246px 911px #FFF , 673px 676px #FFF , 782px 1098px #FFF , 729px 910px #FFF , 1525px 1444px #FFF , 138px 1756px #FFF , 1197px 1832px #FFF;
  animation: animStar 100s linear infinite;
}
#stars2:after {
  content: " ";
  position: absolute;
  top: 1000px;
  width: 2px;
  height: 2px;
  background: transparent;
  box-shadow: 197px 728px #FFF , 628px 1090px #FFF , 1352px 1894px #FFF , 1214px 674px #FFF , 453px 403px #FFF , 1405px 1679px #FFF , 486px 589px #FFF , 622px 213px #FFF , 1384px 316px #FFF , 634px 1160px #FFF , 861px 1118px #FFF , 1100px 813px #FFF , 92px 1452px #FFF , 655px 363px #FFF , 1948px 1273px #FFF , 1755px 228px #FFF , 674px 1869px #FFF , 554px 217px #FFF , 1180px 1511px #FFF , 1538px 322px #FFF , 211px 886px #FFF , 128px 1924px #FFF , 1878px 806px #FFF , 1092px 1259px #FFF , 1032px 418px #FFF , 1074px 1533px #FFF , 1956px 1017px #FFF , 1547px 586px #FFF , 599px 690px #FFF , 1483px 118px #FFF , 1556px 680px #FFF , 1502px 725px #FFF , 1360px 236px #FFF , 1797px 1872px #FFF , 635px 872px #FFF , 948px 422px #FFF , 231px 1956px #FFF , 897px 1264px #FFF , 38px 342px #FFF , 1185px 407px #FFF , 1674px 1925px #FFF , 1545px 897px #FFF , 1981px 837px #FFF , 1860px 1175px #FFF , 1922px 1065px #FFF , 1361px 16px #FFF , 1388px 1104px #FFF , 334px 1243px #FFF , 1596px 175px #FFF , 1718px 786px #FFF , 1584px 1735px #FFF , 1150px 1444px #FFF , 1680px 807px #FFF , 762px 1098px #FFF , 736px 45px #FFF , 1602px 1666px #FFF , 873px 1683px #FFF , 492px 1827px #FFF , 1272px 1688px #FFF , 1854px 135px #FFF , 298px 1558px #FFF , 1771px 1561px #FFF , 1731px 826px #FFF , 1275px 918px #FFF , 1154px 1225px #FFF , 1512px 1122px #FFF , 990px 53px #FFF , 797px 866px #FFF , 206px 1593px #FFF , 11px 1011px #FFF , 1077px 791px #FFF , 33px 322px #FFF , 753px 49px #FFF , 1660px 164px #FFF , 136px 1793px #FFF , 1689px 1735px #FFF , 1441px 167px #FFF , 793px 1233px #FFF , 406px 1548px #FFF , 13px 319px #FFF , 1377px 1992px #FFF , 1337px 1811px #FFF , 66px 1996px #FFF , 1995px 1415px #FFF , 946px 145px #FFF , 155px 32px #FFF , 1360px 1124px #FFF , 1520px 1926px #FFF , 1066px 1730px #FFF , 1399px 805px #FFF , 380px 948px #FFF , 772px 1416px #FFF , 1359px 408px #FFF , 35px 817px #FFF , 217px 263px #FFF , 1181px 584px #FFF , 311px 490px #FFF , 86px 1169px #FFF , 94px 247px #FFF , 396px 695px #FFF , 1248px 1814px #FFF , 322px 186px #FFF , 671px 1102px #FFF , 939px 278px #FFF , 908px 1003px #FFF , 697px 191px #FFF , 228px 1694px #FFF , 1146px 1033px #FFF , 54px 533px #FFF , 402px 1732px #FFF , 289px 717px #FFF , 762px 209px #FFF , 459px 1444px #FFF , 1584px 189px #FFF , 1971px 379px #FFF , 345px 1418px #FFF , 1009px 242px #FFF , 1136px 6px #FFF , 558px 33px #FFF , 1956px 1154px #FFF , 365px 1169px #FFF , 1447px 738px #FFF , 310px 232px #FFF , 113px 1963px #FFF , 786px 902px #FFF , 414px 745px #FFF , 336px 1672px #FFF , 1536px 1348px #FFF , 911px 740px #FFF , 739px 1668px #FFF , 657px 1827px #FFF , 983px 1470px #FFF , 545px 58px #FFF , 47px 350px #FFF , 1315px 683px #FFF , 162px 1602px #FFF , 1052px 332px #FFF , 528px 1990px #FFF , 1643px 1901px #FFF , 1761px 1915px #FFF , 1859px 538px #FFF , 541px 905px #FFF , 105px 870px #FFF , 591px 1611px #FFF , 232px 354px #FFF , 1438px 839px #FFF , 1691px 943px #FFF , 1459px 1959px #FFF , 302px 743px #FFF , 36px 849px #FFF , 1016px 1603px #FFF , 930px 209px #FFF , 30px 242px #FFF , 361px 1627px #FFF , 1767px 1721px #FFF , 1417px 600px #FFF , 231px 1817px #FFF , 385px 422px #FFF , 1300px 1908px #FFF , 901px 445px #FFF , 1020px 546px #FFF , 1551px 1925px #FFF , 1134px 272px #FFF , 963px 1452px #FFF , 1522px 358px #FFF , 1143px 256px #FFF , 1385px 1981px #FFF , 1354px 1219px #FFF , 1749px 1032px #FFF , 1922px 19px #FFF , 973px 59px #FFF , 1256px 1169px #FFF , 587px 408px #FFF , 927px 1099px #FFF , 615px 642px #FFF , 392px 1261px #FFF , 1086px 1804px #FFF , 1144px 10px #FFF , 503px 885px #FFF , 1579px 341px #FFF , 642px 41px #FFF , 1585px 734px #FFF , 292px 1707px #FFF , 1874px 964px #FFF , 10px 1655px #FFF , 1120px 78px #FFF , 162px 1726px #FFF , 912px 835px #FFF , 441px 1231px #FFF , 314px 1495px #FFF , 206px 1409px #FFF , 331px 1995px #FFF , 680px 1791px #FFF , 246px 911px #FFF , 673px 676px #FFF , 782px 1098px #FFF , 729px 910px #FFF , 1525px 1444px #FFF , 138px 1756px #FFF , 1197px 1832px #FFF;
}

#stars3 {
  width: 3px;
  height: 3px;
  background: transparent;
  box-shadow: 659px 1060px #FFF , 312px 1143px #FFF , 405px 289px #FFF , 1339px 787px #FFF , 855px 97px #FFF , 1741px 735px #FFF , 348px 317px #FFF , 1164px 1913px #FFF , 276px 304px #FFF , 1869px 1441px #FFF , 875px 1312px #FFF , 189px 966px #FFF , 585px 1693px #FFF , 1219px 563px #FFF , 1447px 1330px #FFF , 1978px 873px #FFF , 414px 147px #FFF , 1375px 1660px #FFF , 400px 235px #FFF , 967px 367px #FFF , 1246px 1974px #FFF , 872px 1878px #FFF , 347px 1597px #FFF , 1029px 862px #FFF , 15px 270px #FFF , 471px 652px #FFF , 206px 853px #FFF , 804px 279px #FFF , 255px 1761px #FFF , 1453px 1231px #FFF , 912px 1209px #FFF , 760px 385px #FFF , 1144px 1666px #FFF , 156px 1287px #FFF , 618px 1730px #FFF , 1261px 138px #FFF , 1193px 1907px #FFF , 993px 447px #FFF , 822px 957px #FFF , 1842px 579px #FFF , 355px 483px #FFF , 975px 1345px #FFF , 1720px 227px #FFF , 1353px 531px #FFF , 1648px 396px #FFF , 1136px 294px #FFF , 221px 1688px #FFF , 929px 499px #FFF , 1817px 1544px #FFF , 1127px 476px #FFF , 1464px 128px #FFF , 557px 79px #FFF , 1442px 360px #FFF , 865px 521px #FFF , 908px 78px #FFF , 426px 1032px #FFF , 1069px 1469px #FFF , 768px 1474px #FFF , 552px 1244px #FFF , 1977px 991px #FFF , 1033px 1702px #FFF , 872px 1636px #FFF , 1863px 1395px #FFF , 649px 3px #FFF , 1987px 709px #FFF , 284px 1688px #FFF , 1213px 292px #FFF , 1269px 72px #FFF , 1688px 1921px #FFF , 1342px 22px #FFF , 428px 1272px #FFF , 1543px 1845px #FFF , 1319px 1170px #FFF , 124px 247px #FFF , 751px 1004px #FFF , 429px 1593px #FFF , 1642px 1666px #FFF , 1088px 80px #FFF , 257px 1774px #FFF , 1988px 1019px #FFF , 1432px 797px #FFF , 1730px 1181px #FFF , 629px 821px #FFF , 530px 1466px #FFF , 652px 1377px #FFF , 657px 1505px #FFF , 325px 759px #FFF , 1176px 1845px #FFF , 24px 1256px #FFF , 885px 1542px #FFF , 1485px 448px #FFF , 1171px 698px #FFF , 1699px 767px #FFF , 911px 37px #FFF , 1081px 149px #FFF , 650px 1472px #FFF , 292px 614px #FFF , 1617px 974px #FFF , 1706px 903px #FFF , 1158px 1345px #FFF;
  animation: animStar 150s linear infinite;
}
#stars3:after {
  content: " ";
  position: absolute;
  top: 1000px;
  width: 3px;
  height: 3px;
  background: transparent;
  box-shadow: 659px 1060px #FFF , 312px 1143px #FFF , 405px 289px #FFF , 1339px 787px #FFF , 855px 97px #FFF , 1741px 735px #FFF , 348px 317px #FFF , 1164px 1913px #FFF , 276px 304px #FFF , 1869px 1441px #FFF , 875px 1312px #FFF , 189px 966px #FFF , 585px 1693px #FFF , 1219px 563px #FFF , 1447px 1330px #FFF , 1978px 873px #FFF , 414px 147px #FFF , 1375px 1660px #FFF , 400px 235px #FFF , 967px 367px #FFF , 1246px 1974px #FFF , 872px 1878px #FFF , 347px 1597px #FFF , 1029px 862px #FFF , 15px 270px #FFF , 471px 652px #FFF , 206px 853px #FFF , 804px 279px #FFF , 255px 1761px #FFF , 1453px 1231px #FFF , 912px 1209px #FFF , 760px 385px #FFF , 1144px 1666px #FFF , 156px 1287px #FFF , 618px 1730px #FFF , 1261px 138px #FFF , 1193px 1907px #FFF , 993px 447px #FFF , 822px 957px #FFF , 1842px 579px #FFF , 355px 483px #FFF , 975px 1345px #FFF , 1720px 227px #FFF , 1353px 531px #FFF , 1648px 396px #FFF , 1136px 294px #FFF , 221px 1688px #FFF , 929px 499px #FFF , 1817px 1544px #FFF , 1127px 476px #FFF , 1464px 128px #FFF , 557px 79px #FFF , 1442px 360px #FFF , 865px 521px #FFF , 908px 78px #FFF , 426px 1032px #FFF , 1069px 1469px #FFF , 768px 1474px #FFF , 552px 1244px #FFF , 1977px 991px #FFF , 1033px 1702px #FFF , 872px 1636px #FFF , 1863px 1395px #FFF , 649px 3px #FFF , 1987px 709px #FFF , 284px 1688px #FFF , 1213px 292px #FFF , 1269px 72px #FFF , 1688px 1921px #FFF , 1342px 22px #FFF , 428px 1272px #FFF , 1543px 1845px #FFF , 1319px 1170px #FFF , 124px 247px #FFF , 751px 1004px #FFF , 429px 1593px #FFF , 1642px 1666px #FFF , 1088px 80px #FFF , 257px 1774px #FFF , 1988px 1019px #FFF , 1432px 797px #FFF , 1730px 1181px #FFF , 629px 821px #FFF , 530px 1466px #FFF , 652px 1377px #FFF , 657px 1505px #FFF , 325px 759px #FFF , 1176px 1845px #FFF , 24px 1256px #FFF , 885px 1542px #FFF , 1485px 448px #FFF , 1171px 698px #FFF , 1699px 767px #FFF , 911px 37px #FFF , 1081px 149px #FFF , 650px 1472px #FFF , 292px 614px #FFF , 1617px 974px #FFF , 1706px 903px #FFF , 1158px 1345px #FFF;
}


@keyframes animStar {
  from {
    transform: translateY(0px);
  }
  to {
    transform: translateY(-1000px);
  }
}






/*lan programtable*/


#lan-plan-std{
	background-color: white;
}

#lan-plan-champ{
	background-color: #ffcc99;
}

#lan-plan-org{
	background-color: #66ff99;
}