html, body {
  height: 100%;
}

body {
    background: #121212; 
    color: white;
    display: flex;
    flex-flow: column;
}
html {
  scrollbar-face-color: #646464;
  scrollbar-base-color: #646464;
  scrollbar-3dlight-color: #646464;
  scrollbar-highlight-color: #646464;
  scrollbar-track-color: #000;
  scrollbar-arrow-color: #000;
  scrollbar-shadow-color: #646464;
  scrollbar-dark-shadow-color: #646464;
}

::-webkit-scrollbar { width: 8px; height: 3px;}
::-webkit-scrollbar-button {  background-color: #666; }
::-webkit-scrollbar-track {  background-color: #646464;}
::-webkit-scrollbar-track-piece { background-color: #000;}
::-webkit-scrollbar-thumb { height: 50px; background-color: #666; border-radius: 3px;}
::-webkit-scrollbar-corner { background-color: #646464;}
::-webkit-resizer { background-color: #666;}

/* Do not touch */

/* More customization */

/* Particle Banners */
/* ---- particles.js container ---- */


#particles-js {
	position: absolute;
	width: 100%;
	background: url("/assets/img/bg/bg_yellow.png") no-repeat center center fixed;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	height: 18.7rem;
	z-index: 0;
  }
  
/* Footer Section */
  
footer {
	  /* Set the fixed height of the footer here */
	  margin-top: auto;
	  font-size: 14px;
	 }
  
.footer a {
	  color:  #f8d615;
	  text-decoration: none;
	  -webkit-transition: all 0.3s linear;
	  -o-transition: all 0.3s linear;
	  transition: all 0.3s linear;
  }
  
.footer a:hover {
	  color: #f8d600;
	 }
  
.copyright-text {
		text-align: center;
	  }
  
  .copyright-text p {
		color:#646464;
		  }
  
  .copyright-text a {
	color:#646464;
	  }
  
  .copyright-text a:hover {
		color: #f8d615;
		  }
  
  .copyright-menu ul {
	text-align: right;
	margin: 0; }
  
  .copyright-menu li {
	display: inline-block;
	padding: 0px 20px;
   }
   .copyright-menu a{
	color: gray;
  }
   .copyright-menu li a:hover {
	color: #f8d615;
   }


/* 404 */
  
.error {
	padding-top: 50px;
	text-align: left;
	font-family: 'Gilda Display', serif!important;
	-webkit-animation: noise-3 1s linear infinite;
			animation: noise-3 1s linear infinite;
	overflow: hidden;
  }
  

  
  @-webkit-keyframes noise-3 {
	0%,3%,5%,42%,44%,100% {opacity: 1; -webkit-transform: scaleY(1); transform: scaleY(1);}
	4.3% {opacity: 1; -webkit-transform: scaleY(4); transform: scaleY(4);}
	43% {opacity: 1; -webkit-transform: scaleX(10) rotate(60deg); transform: scaleX(10) rotate(60deg);}
  }
  
  @keyframes noise-3 {
	0%,3%,5%,42%,44%,100% {opacity: 1; -webkit-transform: scaleY(1); transform: scaleY(1);}
	4.3% {opacity: 1; -webkit-transform: scaleY(4); transform: scaleY(4);}
	43% {opacity: 1; -webkit-transform: scaleX(10) rotate(60deg); transform: scaleX(10) rotate(60deg);}
  }
  
  .wrap {
	top: 30%;
	left: 25%;
	height: 200px;
	position: absolute;
  }
  code {
	color: white;
  }
  span.blue {
	color: #48beef;
  }
  span.comment {
	color: #7f8c8d;
  }
  span.orange {
	color: #f39c12;
  }
  span.green {
	color: #33cc33;
  }