html {
  
}

/*
@font-face {
 font-family: "SS";
 src: url("../fonts/snowynight.woff2") format("woff2"),
     url("../fonts/snowynight.ttf") format("ttf")
}
*/


@font-face {
 font-family: "SS";
 src: url("/fonts/snowynight.woff2") format("woff2"),
     url("/fonts/snowynight.ttf") format("ttf")
}



#MainContainer
{
	max-width: 1920px;
	background-image: url("../img/background_body.webp");
  	background-repeat: no-repeat;
  	background-size: 100% auto;
  	background-size: clamp(1000px, 100%, 1920px) auto;
 	background-attachment: fixed;
 	background-position: center top;
 	background-color: #7401ce;
}

body{
 	background-color: #5f05a6;
 	overflow-x: hidden;
 	
}

h2{
	font-family: 'Road Rage', cursive;
	font-size: 3.2rem;
	color: #fff;
	line-height: 1;
	text-transform: uppercase;
	text-shadow: 0px 3px 4px rgba(0,0,0,0.5);
}

p{
	font-family: 'Mali', cursive;
	font-size: 1.2rem;
	color: #fff;
	font-weight: 500;
}

.BIG_H2{
	font-size: 5rem;
	color: #fff;
	line-height: 0.8;
}

a {
	color:#f3c947;
	text-decoration: underline;
}

a:hover {
	color:#edf347;
}

.BigButton
{
	font-family: SS;
	text-shadow: 0px 2px 4px black;
   -webkit-text-stroke: 0.03em black;
   font-size: 3.5em;

	color: #fff;
	text-transform: uppercase;
	text-decoration: none;
}

.MoonBackground {
	background-image: url("../img/MainInfoBG_Decoreum.webp");
  	background-repeat: no-repeat;
  	background-size: 100% auto;
 	background-color: transparent;
 	background-position: center bottom;
}


.shadow_projected{
   
}

.txtHighlight {
	color: #f9d1f1;
}

.ImgBorder {
	border: 4px solid #000;
}


/* -------- TOP MENU ----------*/
#CTN_topmenu
{
	width: 100dvw;
	max-width: 1920px;
	position: fixed;
	z-index: 999;
	background-image: url("../img/TopMenu_BottomBorder.png");
	background-repeat: repeat-x;
	background-size: auto 100%;
	height: 70px;
	padding: 10px 10px 0 10px;
	padding-bottom: 70px;
}

#CTN_topmenu img{
	height: 40px;
}

#Topmenu_links a
{
	font-family: SS;
	font-size: 1.3em;
	color: #3c006a;
	text-transform: uppercase;
	text-decoration: none;

	display: inline-block;
	margin: 0 10px 0 10px;
}

#Topmenu_links a:hover
{
	color:#7400cd;
	text-decoration: underline;
}

.isDisabled{
	color: #999 !important;
	pointer-events: none;
  	text-decoration: none;
}

.isCurrent{
	color: #7400cd !important;
}

/* ROOF / HEADER */
#Header-video-container{
	position: relative;
	width: 100%;
	height: 70vh;
	display: flex;
  	justify-content: center;
  	align-items: center;
}

#Header-video {
   width: 100%;
   height: 100%;
   position: absolute;
   object-fit: cover;
   left: 0;
   right: 0;
   top: 0;
   bottom: 0;
   z-index: 1;
}

#Header-img {
	width: 65vh;
	z-index: 2;

}


/* CALL TO ACTION */
#CTN_CallToAction_backgroundWrap{
	background-color: #7401ce;
	padding: 3vh 0 3vh 0;
}

#CTA_Button_PlayNow a{
	font-family: SS;
	font-size: 2.3em;
	line-height: 1.2em;
	color: #3c006a;
	text-transform: uppercase;
	text-decoration: none;

	display: inline-block;
	padding: 10px;

	background-color: rgba(255, 255, 255, 0.85);
}

#CTA_Button_PlayNow a:hover{
	color: #7400cd;
	text-transform: uppercase;
	text-decoration: underline;

	background-color: rgba(255, 255, 255, 1);
}

#CTA_Button_PlayNow{
	background-image: url("../img/CTA_PlayNow_Explosion.gif");
	padding: 3vh 0 3vh 0;
	background-size: cover;
	background-position: center center;
}

/* PITCH ET MAINS INFOS */


#CTN_pitch{
	padding: 5vh 0 5vh 0;
}

.MainInfos_Container{
	padding-top: 3vh;
	padding-bottom: 3vh;
}

.MainInfos_Container video{
	width:  100%;
	max-width: 485px;
}

/* TRAILER */

#CTN_trailer{
	background-image: url('../img/background_screenshots.webp');
	padding-top: 5vh;
	padding-bottom: 5vh;
}

/* COMING TO */
.ComingToLogos img{
	display: inline;
}

.CTN_ComingToLogos p{
	display: inline;
}

/* SCREENSHOTS */

#CTN_Screenshots{
	background-image: url('../img/background_screenshots.webp');
	padding-top: 5vh;
	padding-bottom: 5vh;
}

/* TEST OF GAMEPLAY / FEATURES */
#CTN_TasteOfGameplay
{
	background-image: url("../img/BackgroundFeatures.webp");
  	background-repeat: no-repeat;
 	background-color: transparent;
 	background-position: center bottom;
 	background-size: cover;
}

/* MEETH THE NINZAS */
/* BTNs */
#MeetTheNinzas_Btns_Wrapper {
	padding-top: 25px;
}

#MeetTheNinzas_Btns_Wrapper ul li{
	display: inline;
	padding: 0px 10px 0px 10px;
}

#MeetTheNinzas_Btns_Wrapper ul{
	text-align: center;
}

.MTN_Background_top, .MTN_Background_bot{
	/*background-color: rgba(255, 255, 255, .3);*/
}

.MTN_Background_top{
	padding-top: 5vh;
}

.MTN_Background_bot{
	padding-bottom: 5vh;
}

.MeetTheNinzas_BGWrapper{
	background-color: #fff;
	
}

.MTN_Btn {
	font-family: 'SS', cursive;
	text-shadow: 0px 2px 4px black;
	-webkit-text-stroke: 0.01em black;
	font-size: 2.5rem;
	color: #fff;
	text-transform: uppercase;
	text-shadow: rgb(0, 0, 0) 2px 0px 0px, rgb(0, 0, 0) 1.75517px 0.958851px 0px, rgb(0, 0, 0) 1.0806px 1.68294px 0px, rgb(0, 0, 0) 0.141474px 1.99499px 0px, rgb(0, 0, 0) -0.832294px 1.81859px 0px, rgb(0, 0, 0) -1.60229px 1.19694px 0px, rgb(0, 0, 0) -1.97998px 0.28224px 0px, rgb(0, 0, 0) -1.87291px -0.701566px 0px, rgb(0, 0, 0) -1.30729px -1.5136px 0px, rgb(0, 0, 0) -0.421592px -1.95506px 0px, rgb(0, 0, 0) 0.567324px -1.91785px 0px, rgb(0, 0, 0) 1.41734px -1.41108px 0px, rgb(0, 0, 0) 1.92034px -0.558831px 0px;
}

/* COULEURS BTNS */

.MTN_Btn_Selected.MTN_Red_Btn {
	color: #fe808f;
}

.MTN_Btn_Selected.MTN_Blue_Btn {
	color: #60b3fa;
}

.MTN_Btn_Selected.MTN_Yellow_Btn {
	color: #e6db35;
}

.MTN_Btn_Selected.MTN_Orange_Btn {
	color: #f99d5b;
}

.MTN_Red_Btn:hover {
	color: #ffced3;
	cursor: pointer;
}

.MTN_Blue_Btn:hover {
	color: #cde7fd;
	cursor: pointer;
}

.MTN_Yellow_Btn:hover {
	color: #fcf8c5;
	cursor: pointer;
}

.MTN_Orange_Btn:hover {
	color: #fdd9be;
	cursor: pointer;
}

/* TO HANDLE THE SHEET BAKGROUND */

.MTN_ContentWrapper p, .MTN_ContentWrapper h2{
	color: #000;
	font-weight: 400;
	text-shadow: none !important;
}

.MTN_ContentWrapper p:nth-child(3) {
	font-style: italic;
	padding-top: 2vh;
}

.MTN_ContentWrapper video{
	margin-top: 3vh;
	margin-bottom: 3vh;
}

/* SELECTED ARTICLES */
#CTN_SelectedArticles{
	background-color: #000;
}

#CTN_SelectedArticles img{
	max-height: 225px;
}

#CTN_SelectedArticles p:first-of-type, #CTN_SelectedArticles span{
	font-size: 1rem;
	font-style: italic;
	font-weight: 300;
}

#CTN_SelectedArticles p:first-of-type{
	margin-top: 16px;
}

#CTN_SelectedArticles p:nth-of-type(2){
	text-align: right;
}

/* FEATURES */
#CTN_Features{
	background-image: url("../img/background_features.webp");
  	background-repeat: no-repeat;
 	background-color: transparent;
 	background-position: center;
 	background-size: cover;
 	padding: 15vh 0 15vh 0;
}

#CTN_Features p{
	font-size: 1rem;
	text-shadow:-1px 2px 1px black;
}

.FeatureAsset{
	padding: 15px 0px 15px 0px;
}

.Features_SeparatorsContainer{
	margin: 5vh 0 5vh 0;
}




#THE_MOON{
	text-align: center;
	background-image: url("../img/background_THEMOON.webp");
  	background-repeat: no-repeat;
  	background-size: auto;
 	background-color: transparent;
 	background-position: center;
 	background-color: #071510;
 	padding: 50px 0px 50px 0px;
 	margin: 25px 0px 25px 0px;
}

.FixGif
{
	width: 100%;
	max-width: 386px;
}

.FixVideoSize
{
	width: 100%;
	max-width: 590px;
}

/* BETA SECTION */

#CTN_BETA_backgroundWrap
{
 	padding-top: 50px;
 	padding-bottom: 15px;
}

#BetaDownloadSection_Wrapper{
	margin: 15px 0px 45px 0px;
}

/* NEWSLETTER */
#Newsletter_BGWrapper
{
	background-image: url("../img/background_screenshots.webp");
 	background-position: center top;
 	padding: 5vh 0 5vh 0;
}

#LABEL_MailChimp{
	color: #d9cf29;
	font-size: 1.4rem;
	text-align: center;
}

#INPUT_MailChimp{
	color: #000;
	font-size: 1.5rem !important;
	text-align: center !important;
}

#BTN_Mailchimp{
	text-align: center;
}

.button{
	font-size: 1.5rem !important;
}

#CTN_MailChimpForm{
	font-family: 'Mali', cursive;
	font-size: 1.2rem;
	font-weight: 500;
	padding-top: 5vh;
}



/* FOOTER STUFFS */

#FOOTER
{
	background-color: #000;
	font-size: 1.2rem !important;
	font-style: italic;
	text-align: center;
	padding-top: 5vh;
	padding-bottom: 5vh;
}

#FOOTER p{

	margin-bottom: 0 !important;
	color: #434343 !important;
}

#FOOTER a{
	font-size: 1.2rem !important;
	margin-bottom: 0 !important;
	color: #636363 !important;
	text-decoration: underline;
}

#FOOTER a:hover{
	color: #edf347 !important;
}

#Logo_Klakmioch{
	max-height: 8vh;
	margin-bottom: 2vh;
}


/* HACKS MONC UL en général */
.responsive-embed{
	margin: 0 !important;
}

h2, p {
	margin: 0 !important;
}

ul{
	margin: 0!important;
}