/*canvas {
  background-color: #026873;
  background-image: linear-gradient(90deg, rgba(255,255,255,.07) 50%, transparent 50%),
  linear-gradient(90deg, rgba(255,255,255,.13) 50%, transparent 50%),
  linear-gradient(90deg, transparent 50%, rgba(255,255,255,.17) 50%),
  linear-gradient(90deg, transparent 50%, rgba(255,255,255,.19) 50%);
  background-size: 13px, 29px, 37px, 53px;
}*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}

body {
  font-family: 'Yanone Kaffeesatz', sans-serif;
}
#header {
  margin-bottom: 1em;

}
#header img {
    vertical-align: middle;
    background-color: transparent;

    background-blend-mode: transparent;
}

button img {
    vertical-align: middle;

    background-color: transparent;
    background-blend-mode: transparent;
}

  #header p {
    margin: 1em 0 0 0;
    padding: 0 0 0.5em 0;
  }
  #header {
		position: fixed;
		z-index: 10000;
		left: 0;
		top: 0;
		width: 100%;
		background:
radial-gradient(black 15%, transparent 16%) 0 0,
radial-gradient(black 15%, transparent 16%) 4px 4px,
radial-gradient(rgba(255,255,255,.1) 15%, transparent 20%) 0 1px,
radial-gradient(rgba(255,255,255,.1) 15%, transparent 20%) 4px 5px;
background-color:#131313;
background-size:8px 8px;
		height: 3em;
		line-height: 3em;
		/*box-shadow: 0 0 0.15em 0 rgba(0, 0, 0, 0.1);*/
		-webkit-box-shadow: 0px 5px 9px 0px rgba(0,0,0,0.65);
		-moz-box-shadow: 0px 5px 9px 0px rgba(0,0,0,0.65);
		box-shadow: 0px 5px 9px 0px rgba(0,0,0,0.65);

	}

		#header h1 {
			position: absolute;
			left: 1em;
			top: 0;
			height: 3em;
			line-height: 3em;
			cursor: default;
			margin: 0.15em 0.15em 0 0;
		}

			#header h1 a {
				font-size: 1.25em;
			}

			#logo_desk { display: block; }
			#logo_mob { display: none; }

		#header nav {
			position: absolute;
			right: 0.5em;
			top: 0;
			height: 3em;
			line-height: 3em;
		}

			#header nav ul {
				margin: 0;
			}

				#header nav ul li {
					display: inline-block;
					margin-left: 0.5em;
					font-size: 0.9em;
				}

					#header nav ul li a {
						display: block;
						color: white;
						text-decoration: none;
						height: 3em;
						line-height: 3em;
						padding: 0 0.5em 0 0.5em;
						outline: 0;
					}

		@media screen and (max-width: 736px) {

			#header {
				height: 2.5em;
				line-height: 2.5em;
			}

				#header h1 {
					text-align: center;
					position: relative;
					left: 0;
					top: 0;
					height: 2.5em;
					line-height: 2.5em;
					margin: 0 0 0.25em 0;
				}


					#logo_desk { display: none; }
					#logo_mob { display: block; }


					#header h1 a {
						font-size: 1em;
					}

				#header nav {
					display: none;
				}

		}
#game {
  z-index:1;
  display: block;
}

#profshop {
  /*background-color: rgba(0,0,0,0.9);
  background-blend-mode: transparent;*/
  z-index:10;
  display: block;
  background-color: #01191d;
  padding: 20px;
  color: #ffffff;
  /*background-image:url("zwartevilt.png");*/
  background-repeat:repeat;
  position: fixed;
}
#profshop hr {
  height: 1px;
  color: #cce61c;
  background-color: #cce61c;
  border: none;
}
#profshop img{
  vertical-align: middle;
}
/* The side navigation menu */
#SideChat {
   height: 100%; /* 100% Full-height */
   width: 0; /* 0 width - change this with JavaScript */
   position: fixed; /* Stay in place */
   z-index: 12; /* Stay on top */
   top: 0; /* Stay at the top */
   right: 0;
   background-color: #01191d; /* Black*/
   /*background-image:url("zwartevilt.png");*/
   overflow-x: hidden; /* Disable horizontal scroll */
   padding-top: 0px; /* Place content 60px from the top */
   transition: 0.5s; /* 0.5 second transition effect to slide in the sidenav */
   color: #FFFFFF;
   display: block;
}
#SideChat span {
  display: block;
  position:relative;
  padding: 10px 10px 10px 10px;
}
/* The navigation menu links */
#SideChat a {
   padding: 8px 8px 8px 32px;
   text-decoration: none;
   font-size: 25px;
   color: #818181;
   display: block;
   transition: 0.3s;
}

/* When you mouse over the navigation links, change their color */
#SideChat a:hover {
   color: #f1f1f1;
}

/* Position and style the close button (top right corner) */
#SideChat .closebtn {
   position: absolute;
   top: 0;
   right: 25px;
   font-size: 36px;
   margin-left: 50px;
}

#SideFav {
   height: 100%; /* 100% Full-height */
   width: 0; /* 0 width - change this with JavaScript */
   position: fixed; /* Stay in place */
   z-index: 13; /* Stay on top */
   top: 0; /* Stay at the top */
   left: 0;
   background-color: #01191d; /* Black*/
   /*background-image:url("zwartevilt.png");*/
   overflow-x: hidden; /* Disable horizontal scroll */
   padding-top: 50px; /* Place content 60px from the top */
   transition: 0.5s; /* 0.5 second transition effect to slide in the sidenav */
}

/* The navigation menu links */
#SideFav a {
   padding: 8px 8px 8px 8px;
   text-decoration: none;
   font-size: 17px;
   color: #818181;
   display: inline;
   transition: 0.3s;
   vertical-align: middle;
}

#SideFav img {
  vertical-align: middle;
}
#SideFav h2 {
  vertical-align: middle;
  color: #cce61c;
  text-decoration: none;
  font-size: 17px;
  display: inline;
}
#SideFav hr {
  height: 1px;
  color: #cce61c;
  background-color: #cce61c;
  border: none;
}

/* When you mouse over the navigation links, change their color */
#SideFav a:hover {
   color: #f1f1f1;
}

/* Position and style the close button (top right corner) */
#SideFav .closebtn {
   position: absolute;
   top: 0;
   right: 25px;
   font-size: 36px;
   margin-left: 50px;
}

/* Style page content - use this if you want to push the page content to the right when you open the side navigation */
#main {
   transition: margin-left .5s;
   padding: 20px;
}

/* On smaller screens, where height is less than 450px, change the style of the sidenav (less padding and a smaller font size) */
@media screen and (max-height: 450px) {
   #SideChat {padding-top: 15px;}
   #SideChat a {font-size: 18px;}
   #SideFav {padding-top: 15px;}
   #SideFav a {font-size: 18px;}
}
button {
  border: 0px;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
   /*background-color: #01191d;*/
   background-color: transparent;
}
/*.aFav {
  display: inline-block;
  position: relative;
        float: left;
        white-space: nowrap;
        vertical-align: middle;
}*/