@import url('https://fonts.googleapis.com/css2?family=Ubuntu:wght@300;500&display=swap');
@font-face {
    font-family: 'meditationregular';
    src: url('meditation-webfont.woff2') format('woff2'),
         url('meditation-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
   
}

body{
	font-family: 'Ubuntu', sans-serif;
	margin: 0 auto;
	text-align: center;
	background-color: #22072f;
	/*background: linear-gradient(45deg, rgb(170, 170, 170) 0%, rgb(0, 0, 0) 100%);*/
	color: #fff;
	font-weight: 200;
}




#intro{
		background: url(../images/main.jpg);
		background-size: cover;
		background-position: center;
		min-height: 100vh;
		color: #fff;
		font-size: 1em;
		background-attachment: fixed;
		text-align: center;
		padding-bottom: 120px;
	}





#wrap{
		text-align: center;
		margin: 0 auto;
		width:100%;
	}





#gameinfo{

	background: url(../images/footer.jpg);
background-size: auto 100%;
padding-top: 200px;
padding-bottom: 300px;
background-repeat: no-repeat;
background-attachment: fixed;
}

 

img.big{
		width: 100%;

}
	


img.gallery{
width: 90vw;
 
}
img.homeImg{
		padding: 80px 20px 0 20px;
		max-width: 60vw;
	}

#flexcont{
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(180px, 300px));
	gap: 6rem;
	padding: 2rem;
	justify-content: center;
}


hr{

		border:0;
		max-width: 85%;
		border-top: solid 1px #333;
		margin: 70px auto;

	}

h1{
	font-family: 'meditationregular';
	 letter-spacing:7px;
		font-weight: 500;
		font-size: 5em;
		text-shadow: 0 0 10px rgba(0, 0, 0, 1);
	}

h2{
	font-family: 'meditationregular';
    display: block;
    letter-spacing:7px;
    font-size: 3em;
    margin: 0 auto;
    font-weight: bold;
}

@media (max-width: 600px) {


h1 {
  font-size: 18vw;
  letter-spacing: 1vw;
}	
}

p{
		text-align: center;
		font-size: 1.4em;
		font-weight: 200;
		margin: 0 auto;
		text-shadow: 2px 2px #000;
	}

p.copy{

	max-width: 80vw;
	margin: 120px auto;
}

.left{
	text-align: left;
}


.quote-wrap{
	margin: auto;
	width: fit-content;
	background-color: #000;
	padding: 20px;
}

.quote {
	font-style: italic;
}

.quote-author {
	font-weight: 900;
}

a{
		text-decoration: none;
		color: #B7C2C9;
		
	}

a.footerlink{
	margin: 0 10px;
}

	a:hover{
		text-decoration: underline;
		color: #CD549B;
	}


img.logo{
	height: 250px;
}



.reversed{
  -webkit-transform:rotateY(180deg);
  -moz-transform:rotateY(180deg);
  -o-transform:rotateY(180deg);
  -ms-transform:rotateY(180deg);
  unicode-bidi:bidi-override;
  direction:rtl;
  display: inline-block;
}



/* ---  MAIL CHIMP  */
#mc_embed_signup{
background-color: #d4cc9f;
color: #000;
padding: 10px;
margin: 0 auto;
max-width: 600px;
}
.subscr_button{

	background-color: #ffffff;
	 border:none;
	  border-radius:10px;
	  padding:10px;
	  margin: 10px;
}
.subscr_button:hover{
background-color: #00e7ff;

}

/* --- END MAIL CHIMP  */

.intro-links {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

.occulus {
  width: clamp(80px, 80vw, 300px);
}

.instagram {
  width: clamp(20px, 64px, 100px);
}

.sponsor {
  width: clamp(100%, 70vw, 250px);
}

@media screen and (max-device-width: 481px){
	#wrap{
			text-align: center;
			
		}
 


  #intro{
    padding-bottom: 0;
    background-attachment: unset;
  }


	#gameinfo, #bottomfeature{
	padding: 100px 0 100px 0;
	background-size:200% auto;
	background-attachment: scroll;
}

	#wrap_policy{
			text-align: left;
			margin: 30px auto;
			
		}


p.copy{
	margin: 20px auto;
  font-size: 7vw;
}
p.copy > b {
  font-size: 8vw
}

h1{
	font-size: 12vw;
}

h2{
	font-size: 14vw;
}
#flexinfo > p {
  font-size: 9vw;
}




img.skills {
  width: 100%;
}



img.award {
  position: absolute;
  top: 20px;
  right: 10px;
  width: 50px;
}



}/*END MOBILE*/