*{box-sizing:border-box;}
body{background-image:url("./img/bg_panel.png");margin:0;background-attachment:fixed;background-size:cover;}
.outlined-text,a.btn-img,a.btn, h1.white, h2.white, h3.white, h4.white{color:#fff;text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000;}
h1.center, h2.center, h3.center, h4.center{text-align:center;}
html {scroll-behavior: smooth;}
img{max-width:100%;}

a,h1,h2,h3,h4,h5,h6{font-family:"Carter One", Arial;}
p{font-family:Arial;font-size:1.5rem;}
a{text-decoration:none;color:#000;}
h4{font-size:2rem;margin:0;}
h3{font-size:3rem;color:#fff;margin:0;text-align:center;}
.separator{border-top:5px dashed #fff;}

.carter-one-regular {
  font-family: "Carter One", system-ui;
  font-weight: 400;
  font-style: normal;
}

.video-container{border:2px solid #fff;border-radius:25px;box-shadow:5px 5px 10px #000;position:relative;overflow: hidden;height: 0;padding-top:56.25% ;}
.video-container iframe,.video-container video{  position: absolute;top: 0;left: 0;width: 100%;height: 100%;}


.btn-img{background-size:cover;padding:20px 30px 40px 30px;font-size:1.5rem;color:#fff;margin-top:20px;display:inline-block;}
.btn-img-green{background-image:url("./img/btn_box_green_large.png");}
.btn-img-red{background-image:url("./img/btn_box_red_large.png");}
.btn-img-dimmed{background-image:url("./img/btn_box_dimmed_large.png");}

.btn{margin:10px;font-size:1.5rem;color:#fff;background-color:#aacf25;padding:8px 14px;border-radius:15px;border:2px solid #fff;box-shadow:5px 5px 10px #000;}
.btn.btn-dimmed{background-color:#4f5440;}

.btn:hover{background-color:red;}

.header-content{max-width:640px;padding:10px 0 40px 0;margin:auto;}
#header .overlay{background:rgba(0,0,0,0.45);width:100%;padding:0 8%;}
#header{background-image:url(./img/background/header-background-v2-1280p.jpg);background-attachment:fixed;background-size:cover;color:#fff;width:100%;min-height:50vh;display:flex;justify-content:center;flex-direction:column;align-items:center;text-align:center;}

#header h1 span{font-size:2rem;font-weight:100;margin:0;display:block;}
#header h1{font-size:4rem;font-weight:900;margin:10px 0;line-height:1; }
#header h2{font-size:2rem;font-weight:100;margin:10px 0;}

.btn-container{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;}
.btn-container>a{min-width:280px;max-width:100%;}

#section-gif-card{max-width:84%;width:1280px;margin:1% auto 3% auto;}
.gif-card{border-radius:25px;background:#fff;box-shadow:5px 5px 10px #000;}
.gif-card p{margin:4px 8px 8px 8px;}
.gif-card img{width:100%;}
.gif-card-wrap{gap:30px;justify-content:center;align-items:center;display:flex;flex-wrap:wrap;}
.gif-card-wrap>div{text-align:center;max-width:100%;width:340px;}

#section-character-img>img{max-width:94%;width:1280px;display:block;margin:auto;}
#section-character-img{background:#fff;padding:20px 0;}
#section-character-img h3{color:#000;}
#section-item-card{background:#f0f0f0;padding:20px 0;}
#section-item-card h3{color:#000;}
.item-card-container{justify-content:center;display:flex;flex-wrap:wrap;gap:2%;max-width:1280px;margin:auto;}
.item-card{padding:20px;text-align:center;width:100%;max-width:300px;}
.item-card h5{font-size:2rem;margin:0;}
.item-card p{margin:0;}
.item-card img{margin:0;width:80px;height:80px;}

#section-about-game{padding:2% 0;}
#section-1{justify-content:center;display:flex;flex-wrap:wrap;padding:20px 0;gap: 2%;padding:2%;color:#fff;max-width:1280px;margin:auto;}
#section-1>div{min-width:45%;width:520px;max-width:100%;}

#section-special-thanks>.creator-message{max-width:1280px;margin:0 auto 2% auto;}
#section-special-thanks{background:#fff;text-align:center;padding:3% 0;}
#section-special-thanks h3{color:#000;}
.thankyou-image{display:flex;flex-wrap:wrap;justify-content:center;}
.thankyou-image>img{max-width:20%;}


#section-newsletter h3,#section-newsletter h4{color:#fff;text-align:center;}
#section-newsletter .overlay{padding:15% 8%; background:rgba(0,0,0,0.6);}
#section-newsletter{background:url("./img/background/background-character.jpg");background-size:cover;background-position:center center;background-attachment:fixed;}

.social-panel{display:flex;max-width:100%;width:600px;margin:50px auto 0 auto;gap:5px;padding:1% 0;}
.social-panel a{flex:2;padding:1%;}
.social-panel a:hover{transform:rotate(30deg);}
.social-panel a img{width:100%;}


footer{width:100%;text-align:center;background:#333;color:#fff;padding:15px 0;font-family:"Carter One", Arial;}

.img-gallery{display:flex;flex-wrap:wrap;}
.img-gallery .img-map{width:100%;flex:1;width:50%;min-width:360px;max-width:100%;}
.img-map img{width:100%;height:100%;}


.mobile-line-break{display:none;}

.btn-block{max-width:260px;margin:auto;display:block;text-align:center;}

.email-link{color:#fff;display:block;text-align:center;font-size:1.3rem;}
.email-link:hover{text-decoration:underline;}


/*MAILCHIMP*/
.mailchimp_container{width:600px;max-width:80%;padding:1% 0;border-radius:10px;margin:2% auto;background:#fff;}
#mc_embed_signup .foot{position:absolute;left:50%;margin-left:-105px;max-width:210px;}
#mc_embed_signup .mc-field-group,#mc_embed_signup .foot{width:100%;}
#mc_embed_signup .optionalParent .foot p{display:none!important;}
#mc_embed_signup_scroll h2,.indicates-required{display:none;}        
#mc_embed_signup{background:#fff;clear:left;width: 600px;max-width:100%;}
#mc_embed_signup #mc-embedded-subscribe-form div.mce_inline_error{font-size:1.4rem;font-family:"Carter One", Arial;}
#mc_embed_signup .mc-field-group input{min-height:52px;font-family:"Carter One", Arial;font-size:1.4rem;border-width:4px!important;}
#mc_embed_signup .asterisk{display:none;}
#mc_embed_signup div .btn, #mc_embed_signup label{margin:0 auto!important;font-size:1.6rem!important;font-family:"Carter One", Arial;width:210px;height:auto;text-align:center;}
#mc_embed_signup div .btn{margin:10px;font-size:1.8rem;color:#fff;background-color:#aacf25;padding:8px 14px;border-radius:15px;border:2px solid #fff;box-shadow:5px 5px 10px #000;}
#mc_embed_signup div .btn{text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000;}
#mc_embed_signup div .btn:hover{background-color:red;}
#mc_embed_signup div.response{font-family:"Carter One", Arial;margin: 0;padding: 0;width: 100%;margin-bottom: 30px;}
#mc_embed_signup div#mce-responses{width: 100%;float: none;display: block;max-width: 100%;left: 0;position: relative;box-sizing: border-box;padding: 0;margin: 0;text-align: center;font-size: 1.4rem;top: 0;}
/*END MAILCHIMP*/





@media(max-width:680px){
    
.mobile-line-break{display:block;}    
#header h2{font-size:1.5rem;}    
h3{font-size:2.4rem;margin:30px 0;}
h4{font-size:1.4rem;}
}

@media(max-width:1320px){
.container{max-width:84%!important;margin:auto;}    
.reverse-flex-mobile{flex-direction:column-reverse;}    
}