body {
    background-color: #0b0b1e;
    background-image: url("assets/overlay-1.svg");
    background-repeat: no-repeat;
    background-position: top right;
}
.header-container{
    display: flex;
    align-items: center;
    place-content: end;
    gap: 40px;
    margin-right: 40px;
   
}
.main-title{
font-size: 64px;
font-weight: 400;
line-height: 88.94px;
letter-spacing: 0.16em;
text-align: left;
text-underline-position: from-font;
text-decoration-skip-ink: none;
color: #fff;
}
.dxx-title{
    color: #fff;
    margin-left: 15px;
    font-family: AR One Sans;
    font-size: 24px;
    font-weight: 400;
    line-height: 32.64px;
    letter-spacing: 0.16em;
}

.main-logo{
    width: 66px;
    height: 66px;
    display: flex;
}
.main-logo img {
    border-radius: 50%;
}
.dxx-logo img {
    width: 47px;
height: 47px;
}
.dxx-logo {
    display: flex;
    align-items: center;
    text-decoration: none;
}
.dex img {
    width: 109px;
    height: 35px;
}
.top-section {
    padding: 50px;
    display: flex;
}
.content{
font-size: 64px;
font-weight: 400;
line-height: 80px;
text-align: left;
text-underline-position: from-font;
text-decoration-skip-ink: none;
color: #fff;
margin-right: 20px;
}
.content img {
    width: 140px;
height: 140px;

}

.buynow-content {
    display: flex;
    place-content: center;
}
.ca-code {
    width: 894px;
height: 80px;
font-size: 32px;
font-weight: 400;
line-height: 80px;
text-align: left;
text-underline-position: from-font;
text-decoration-skip-ink: none;
display: flex;

}
.inner-text2 {

color: #00FF09;


}

.grok-text{
font-size: 64px;
font-weight: 400;
line-height: 80px;
text-align: left;
text-underline-position: from-font;
text-decoration-skip-ink: none;
color: #FFEA00E3;

}
.grok-span {
    color: rgba(156, 156, 156, 0.89);

}
.banner-section {
    display: flex;
    place-content: center;
}
.banner-content {
    color: #fff;
font-size: 32px;
line-height: 48.4px;
text-align: left;
text-underline-position: from-font;
text-decoration-skip-ink: none;
padding: 50px;

}
.reign-title {
font-size: 48px;
font-weight: 400;
line-height: 67.2px;
text-align: left;
color: #00FF7B;
display: flex;
place-content: center;
margin-bottom: 12px;

}
.reign-box{
    width: 442.67px;
    height: 400px;
    padding: 48px 32px 48px 32px;
    border-radius: 80px 80px 0px 0px;
    background: linear-gradient(183deg, #000000 0%, #0D0D23 100%);    margin-right: 12px;
}
.reign-blk {
    display: flex;
}
.reign-header {
    font-size: 40px;
    color: #BEB049;

}
.reign-text {
    color: #fff;
    font-size: 32px;
    display: flex;
    place-content: center;
    margin-top: 50PX;

}
.tokenomics {
font-size: 96px;
background: linear-gradient(90deg, #8800FF 0%, #FFFFFF 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
 

}
.tokenomics-section div{
    display: flex;
    place-content: center;
    gap: 20px;
}
.tokenomics-text {
font-size: 40px;
font-style: italic;
font-weight: 275;
color: #fff;
margin-top: 95px;
}
.twst-blck {
    margin-top:80px;
}
.twst-blck img {
    box-shadow: 30px 30px 4px 0px #000000BF;

}
.meme-domain-title{
font-size: 75px;
font-weight: 400;
color: #fff;
text-align: center;
height: 59px;
}
.meme-sec {
    padding-top: 50px;
}
.meme-tag  img {
    width: 515px;
}

.meme-ribbon {
    margin-top:50px;
    display: flex;
    align-items: center;
}
.meme-kkk img {
    width: 481px;
    height: 368px;
    border-radius: 66px 0px 0px 0px;    
}

.phase-list{
    font-size: 36px;
    font-weight: 800;
    line-height: 59px;
    color: #fff;
    padding: 40px;
}
.waring-text{
    font-size: 48px;
    font-weight: 400;
    line-height: 59px;  
    color: #fff;
    text-align: center;
}
.footer-container {
    color: #fff;
    height: 357px;
    background: #1B1B2C80;
    display: flex;
    align-items: center;
    place-content: center;
    margin-top: 90px;
}
.footer-container .twitter-blk img,
.footer-container .telegram-blk img {
    width: 83px;
    height: 83px;
}
.mid-part img {
    width: 506px;
height: 359px;
}

.twitter-blk,
.telegram-blk {
    width: 506px;
    height: 359px;
    display: flex;
    align-items: center;
    place-content: center;
}
.footer-text {
font-size: 48px;
color: #fff;
}
.twitter-blk a,
.telegram-blk a {
    text-decoration: none;
    align-items: center;
    display: flex;
    gap: 10px;
}





.post-no {
    font-family: 'Post No Bills Jaffna', sans-serif;
  }
  .lato{
    font-family: 'Lato', sans-serif;
  }
  .ponnala{
    font-family: 'Ponnala', cursive;
  }
  .big-shoulder{
    font-family: 'Big Shoulders Inline Text', cursive;
  }
  .bakbak{
    font-family: 'Bakbak One', cursive;
  }
  .architects-aughter{
    font-family: 'Architects Daughter', cursive;
  }
  .luckiest-guy {
    font-family: 'Luckiest Guy', cursive;
  }
  .ar-one {
    font-family: 'AR One Sans', sans-serif;
  }