@import url('https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@200&display=swap');


html {
  scroll-behavior: smooth;
}

body {
  background: #160e13;
  margin: 0;
 color:white;
font-family: JetBrains Mono;

}

p{
font-family: JetBrains Mono;
font-style: normal;
font-weight: normal;
font-size: 16px;
line-height: 21px;
text-transform: uppercase;
	
}

h1{
	text-transform: uppercase;

	font-family: JetBrains Mono;
font-style: normal;
font-weight: normal;
font-size: 48px;
line-height: 44px;
}
h2{
	
	 font-size:65px;

 }

a{
	   color: white;
}
a:link {
  text-decoration: none;
}

a:visited {
  text-decoration: none;
}

a:hover {
  text-decoration: underline;
}

a:active {
  text-decoration: underline;
}


 
.convert{
	margin-left:12.5%;
	width:80%;
	text-align:center;
	overflow: hidden; 
}
.convert p{
	text-align:left;
}
.signup{
	float:left;
	position:relative;
 width:40%;
		 		  image-rendering: auto;
	 
}
.discord{
	float:left;
		position:relative;
	margin-left:12.5%;

	  width:40%;
		 		  image-rendering: auto;
	 
}
.discord-button{
	height:70px;
	background: #3D5869;
	text-align:center;
 }
 input {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
 #mc_embed_signup{
	 
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
	 width:100%;
	 	 float:left;
	 font-family: JetBrains Mono;
font-style: normal;
font-weight: normal;
font-size: 16px;
line-height: 21px;
text-transform: uppercase;
	 
 }
  #mc_embed_signup .email{
	  -webkit-appearance: none;
-moz-appearance: none;
appearance: none;

    float:left;
	 font-family: JetBrains Mono;
font-style: normal;
font-weight: normal;
font-size: 16px;
line-height: 21px;
text-transform: uppercase;
color:white;
width:65% ;
	 	height:64px ;
	 background:#160e13;
	text-align:LEFT;
	border-style: inset solid ;
	 border-color: white;
  border-width: 1px;
 }
 #mc_embed_signup .button{
	 -webkit-appearance: none;
-moz-appearance: none;
appearance: none;
	 
   float:left;
	 font-family: JetBrains Mono;
font-style: normal;
font-weight: normal;
width:100%; 
margin-left:7%;
font-size: 16px;
line-height: 21px; 
text-transform: uppercase;
color:white;
	 	height:70px; 
	background: #3D5869;
	 border-radius: 0; 
	text-align:center;
	 border:none;
 }
 
 
  #mc_embed_signup .button:hover{
	  
	  cursor:pointer;
	  
  }
.helper {
    display: inline-block;
    height: 100%;
    vertical-align: middle;
}

.discord img {
 
    vertical-align: middle;
 
}
.discord a:hover{
 
text-decoration:none; 
}
.navbar-logo {
		 
  padding-top : 14px ;

  float: left;
   color: #ffffff;
  text-align: center;
 }

 
 
.button-center-container{
	text-align: center;  
	
}
 

.parallax-wrap {
    height: 45vw;
    position: relative;
    overflow: visible;
    width: 80%;
    background-color: #160e13;
    max-width: 80%;
 }


.parallax-container {
    height:45vw;
    position: fixed;
    overflow: visible;
    width: 80%;
  }
 .parallax-black{
	 position:fixed;
	margin-top: 45vw;
	      background-color: #160e13;
height:500px;
	 
	 
 }
 .parallax-layer {
	 	left:10%;

	display:table ;
float:right;
	 pointer-events: none; 
    width: 80%;
    height: 45vw;
    position: fixed;
    right: 0;
    top: 0;
    background-position: bottom center;
    background-repeat: no-repeat;
    background-size: cover;
    max-width: 80%;
		min-width:480px;

}
.parallax-padder {
 	  
bottom:0;
	 margin-top:30px;
	 font-family: JetBrains Mono;
font-style: normal;
font-weight: normal;
font-size: 16px;
line-height: 21px;
text-align: center;

     position: relative;
    overflow: visible;
     background: none;
    z-index: 100;
}
 
 

 .logo-wrap{
display:table-cell;
 
 height:154px;
	 	 vertical-align:middle;

 }
 
  .logo{
 	   
float:left;
height:170px;
  
 }
 
 
 
 
 
.video-container {
    overflow: hidden;
    position: relative;
    width:100%;
 	 text-align:center;
		max-height:720px; 

}

.video-container::after {
     padding-top: 56.25%;
    display: block;
    content: '';
}

  


.video-container iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
 	max-width:1280px;
		max-height:720px; 
 }

 
 
 



 
.gif-content{
	margin-top :100px;
	margin-left:12%;
		  image-rendering: pixelated;
		  image-rendering: crisp-edges;
display:table;
	   position: relative;
    overflow: hidden;
    width: 78%;
	    z-index: 2;
 }
.gif-double{
 	width:700px;
	height:500px;
	 float:left;

 
 }
  
 
 .gif-text{
	 float:left;
  	 	padding-left:10%;
display:table-cell;
	 vertical-align:top;
	  top: 0;
	  width:37%;
 }
 
  .center-text{
	 float:left;
  	 	padding-left:25%;
display:table-cell;
	 vertical-align:top;
	  top: 0;
	  width:50%;
 }
 
 .alternativeWishlist{
	 
	 vertical-align:middle;
	 text-decoration:underline;
	 width:646px;
	 height:190px;
 	 	  text-align:center;
  top: 0;
 z-index:2;

 }
 
 hr.solid {
	 width:80%;
	 margin-top:50px;
	 margin-bottom:50px;
border: 1px solid #413D40;
}

 #wishlistWidget{
	 pointer-events:auto;
z-index:4;
    top: 0;
 }
 .wislist-width{
	 width:100%;
	 text-align:center;

 }
  .wislist-container{
  margin: 0 auto;
  
	  	 width:646px;
	 height:380px;
   position: relative;
	 margin-top:  20px;
	  text-align:center;
 
	  
  }
  .layer   {
    top: 0;
    z-index: 8;
    width:100%;
	  image-rendering: pixelated;
	  image-rendering: crisp-edges;
		 background-repeat: no-repeat;

   }
  .content{
	 
	      padding-top: 50px;
    margin-top: -50px;
	
	  position: absolute;
  top:  56.25vw;
     background-color: #160e13;

  width: 100%;
  min-height: 1500px;
	  
  }

   
   

 

.imgOverlay{
 	 position: relative;
  text-align: left;
  color: white;
	 
	 
	 	 		 
 
 	  width: 100%;
 
}



.img-crop{
	 
 	 position: relative;
text-align:center;
	 width:100%;
	 overflow:hidden;
 
 
	
}
 .img-full{
	  image-rendering: pixelated;
	 		  image-rendering: crisp-edges;
 		 width:80%;
    }
.footer {
	padding-top:30px;
  	width:100%;
	 height:340px;
	text-align:center;
 
}

.footer-left{
		margin-left:10%;
	width:40%;
	float:left;
}
.rating{
	float:left;
	position:absolute;
		bottom:80px;
	left:10px;
		    background-color: #160e13;

}
.rating img{
	 	 height:140px;
 
}
.logos{
	height:140px;
 vertical-align:middle;
		float:left;
		position:relative;
    background-color: #160e13;

}
.logos img{
  vertical-align: middle;
	max-height:110px; 
 }
 
 .helper {
    display: inline-block;
    height: 100%;
    vertical-align: middle;
}


 .logos a:hover{
  text-decoration:none;

 }
 .footer-text{
  		float:left;
 
	text-align:left;
 
 			   position: relative;
 		 padding-bottom:50px;
}

.footer-links{
  		float:left;
	margin-left:10%;
 
	text-align:left;
width:40%;
 			   position: relative;
 		 
}
.footer-links a{
 text-decoration:underline;
 margin-right:30px;
 		 
}
  .img-close{
	  	margin-top :10%;
		margin-bottom:-2%;
	  width:100%;
	  	  image-rendering: pixelated;
	  	 		  image-rendering: crisp-edges;

	  
  }
 
 
 .alt-links{
	 display:none;
	 
 }
  @media  screen and (min-width: 1280px) {
	    .video-container iframe {
    position: relative;
 	 width:1280px;
		 height:720px;
 }
	  
 
 
  }
 @media  screen and (max-width: 1280px) {
   .content{
	 
  
  top:  76.25vw;
 
	  
  }
 
 .parallax-wrap {
    height: 60vw;
 
    width: 100%;
  text-align: right;float:right;
    max-width: 100%;
 }


.parallax-container {
    height:60vw;
 text-align: right;float:right;
    width: 100%;
  }
  .parallax-black{
	margin-top: 60vw;
	 
 }
 .parallax-layer {
 
left:0;
 float:right;
     width:100%;
    height: 60vw;
    max-width: 100%;
 	
 right:0;

}
  .logo{
 	    padding-left: 5%;
  }

.logos{
		max-height:110px; 

  width:100%;
}
 .footer-left{
		width:100%;
 
	 	margin-left:0;
 }
.footer-text{
	padding-top:50px;
	text-align:center;
 		float:none;
			margin-left:10%;
	width:80%;
}
.alt-links{
 	 display:block ;
	 
 }
 .alt-links a{
	text-decoration:underline;
 	 
 }
.footer-links{
display:none;
}
.signup{
	float:none;
  width:60%;
		 		  image-rendering: auto;
	 margin-bottom:230px;
	  	margin-left:20%;

}
.discord{
	margin-bottom:100px;
	float:none;
 	margin-left:20%;

	  width:60%;
		 		  image-rendering: auto;
	 
}



 .img-crop{height:auto;
 width:100%;
 }
 
 .img-full{height:auto;
  width:80%;

 }
.gif-double{
	 	 float:none;
}
 .gif-text{
	  	 	padding-left:10%;
	 width:80%;

display:block;
 }
 p{
	  	 	padding-left:0;

	  border-left: 0;
 }
 .gif-content{
	 margin-left:0;
	 text-align:center;
  width: 100%;
 }
 }
   @media  screen and (max-width: 720px) {

  .logo{
 	    padding-left: 5%;
z-index:100;
width:336px;
  height:auto;
 }
 
   }