body {
	margin: 0;
	font: normal 75% Arial, Helvetica, sans-serif;
}

canvas {
	display: block;
	vertical-align: bottom;
    margin-top: -200px;
}

.navbar {
    width: 100%;
    background-color: #000000;
    height: 40px;
    z-index: 9999;
    position: fixed;
  }

  #navText{
      color:white;
      font-family: sans-serif;
      font-weight: bolder;
  }


  #bannerDiv{
    position: relative;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    text-align: center;
    color:white;
    font-weight: 700;
    text-transform: uppercase;
}

#bannerDiv h1{
    font-size: 72px;
    letter-spacing: 0.2em;
}

#bannerDiv h1 span{
    border:10px solid white;
    padding: 6px 14px;
    display: inline-block
}

.des{
    margin:20px;
    display:block;
    font-size:26px;
    text-shadow: 0 0 10px black;
}

#headerBtn{
    color: #313131;
    padding: 10px 24px;
    font-size: 15px;
    text-decoration: none;
    background: #f1f1f1;
    border-radius: 8px;
    transition:0.3s all;
    
}

#headerBtn:hover{
    opacity: 0.8;
}



.jumbotron {
    position: relative;
}

/* ---- particles.js container ---- */

#particles-js {
	position: relative;
	width: 100%;
	height: 100vh;
	background-color: #b61924;
    background:linear-gradient(to bottom, rgba(0,0,0,0) 20%, rgba(0,0,0,1)), url('img/top.png') no-repeat center;	background-repeat: no-repeat;
	background-size: cover;
	background-position: 50% 50%;
}

.footer-dark{
    position:relative;
    background-color: #202020;
    height:20vh;
    overflow:hidden;
    z-index: 1;
    width:100%;
}

.footer-dark .item.social > a {
    font-size:20px;
    width:36px;
    height:36px;
    line-height:36px;
    display:inline-block;
    border-radius:50%;
    box-shadow:0 0 0 1px rgba(255,255,255,0.4);
    margin:0 8px;
    color:#fff;
    opacity:0.75;
    background: url('img/1.png');
  }
  
  .footer-dark .item.social > a:hover {
    opacity:0.9;
  }
  
  .footer-dark .copyright {
    text-align:center;
    padding-top:24px;
    opacity:0.3;
    color:white;
    font-size:13px;
    margin-bottom:0;
  }

.footer-dark h3{
    color:white;
}

#footerLinks{
    padding-top: 50px;
}

#searchDiv{
background-color:black;
position:relative;
text-align: center;
clear:both;
height:19em;

}

#layered{
    /* background: url('https://cdn.discordapp.com/attachments/782470290516344846/842126749118103567/cs.png'); */
    background: url('img/mid.png');
    background-repeat: no-repeat;
    /* background-attachment: fixed;
    margin: 0 auto !important; */
        background-position: center;
        background-attachment: fixed;
        background-position: center;
        background-color:black;
        background-repeat: no-repeat;
        background-size: cover;
        background-size: 60em;
        height: 30em;

}

#showStats{
    position: relative;
    background-color: #000000;
}

#searchBtn{
    width: 400px;
}

#textLayer{
    padding-top: 50px;
    color:white;
    font-family: sans-serif;
    font-size:60px;
}

#searchPlayerBtn{
    color:black;
    background: white;;
}