body{
    margin:0;
    padding:0;
    width:100%;
    max-width:1920px;
    background-color:#06080D;
    color:#fff;
    font-family: 'Poppins', sans-serif;

}
*,
*:before,
*:after{
    box-sizing:border-box;
}



.container_inner{
    width:100%;
    max-width:1144px;
    margin:0 auto;
}
h1,h2,h3,h4,h5,h6{
    margin:0;
    padding:0;
}

a{
    text-decoration:none;
    color:#fff;
}
/*Header*/

.header{
    max-width:100%;
    height:100vh;
    background: url("../../assets/images/space-banner.png") center no-repeat;
    background-size:cover;
    position:relative;
    z-index:0;
}

/*Header logo & menu*/

.header_inner{
    display:flex;
    align-items: center;
    width:100%;
    max-width:1144px;
    margin:0 auto;
    padding-top:28px;
}
.wallet_btn{
    color:#fff;
    align-items: center;
    text-decoration:none;
    margin-left:61px;
    font-size:14px;
    font-weight: bold;
    font-style:normal;
    width:164px;
    height:32px;
    background:linear-gradient(94.78deg, #B3614B 12.27%, #E38466 91.79%), linear-gradient(94.78deg, #367DF3 7.9%, #56B4DE 91.79%);
    border-radius: 50px;
    text-align: center;
    line-height: 32px;
    
}
.nav{
    display:flex;
    width:100%;
    max-width: 450px;
    margin-left:139px;
    justify-content: space-between;
    font-size:12px;
    padding-top:10px;
}
.nav_link:after{
    content:"";
    display:inline-block;
    width:100%;
    height:3px;
    background: transparent;
    animation:nav 3s ease-in-out;
}
.nav_link:hover:after{
    background-color: #BE6952;
    transition: 1s;
}
.fa-bars{
    font-size:30px;
    color: transparent;
}

.header_text{
    width:100%;
    max-width:500px;
    margin-top:215px;
    position:absolute;
    font-size:16px;
    top:9%;
    left:18%;
    z-index:5;
}
.header_textAfter{
    display:flex;
    align-items:center;
    margin-top:198px;
    width:100%;
}
.header_textAfter--blocks{
    display:flex;
    flex-direction:column;
    position:absolute;
    top:67%;
    left:19%;
    z-index:5;
    
}
.block{
    display:flex;
    align-items:center;
   
}
.block img{
    display:block;
    margin-right:10px;
}
.header_textAfter--value{
    color:#CD745A;
    margin-bottom:-15px;
}
.textAfter-value{
    font-size:12px;
}
.block_two{
    display:flex;
    align-items:center;
    margin-top:20px;
}
.block_two img{
    display:block;
    margin-right:10px;
}
.way{
    display:block;
    position:absolute;
    top:15%;
    right:16%;
    z-index:1000;
}
.spaceman{
    display:block;
    position:absolute;
    top:54%;
    left:29%;
    z-index:900;
}
.stoneOne{
    max-width:100%;
    display:block;
    position:absolute;
    top:11%;
    left:8%;
    z-index:800;
}
.stoneTwo{
    display:block;
    position:relative;
    top:12%;
    left:14%;
    z-index:4;
}
.stoneThree{
    display:block;
    position:absolute;
    top:75%;
    left:6%;
    z-index:700;
}
.stoneFour{
    display:block;
    position:absolute;
    top:81%;
    right:13%;
    z-index:700;
}
.stoneFive{
    display:block;
    position:absolute;
    top:47%;
    right:20%;
    z-index:700;
}

.stoneSix{
    display:block;
    position:absolute;
    top:6%;
    right:8%;
    z-index:700;
}
.textSpace h1{
font-size:300px;
padding:0;
margin:0;
position:absolute;
top:27%;
right:31%;
z-index:700;

}
.textSpace p{
font-size:35px;
padding:0;
margin:0;
position:absolute;
top:58%;
right:32%;
z-index:700;
}

/*Main Block*/
.mainBlock{
    grid-area:mainBlock;
    max-width:100%;
    height:100%;
    background:url("../../assets/images/mainImage.png") center no-repeat;
    background-size:cover;  
}
.mainBlock_cards{
    display:flex;
    justify-content: space-between;
    flex-wrap:wrap;
}
.mainBlocks_cards--item{
    position:relative;
    margin-left:39px;
    z-index:10;
}
.left_Block{
    width: 267.24px;
    height: 95.44px;
    background:linear-gradient(94.78deg, #B3614B 12.27%, #E38466 91.79%), linear-gradient(94.78deg, #367DF3 7.9%, #56B4DE 91.79%), #05050F;
    box-shadow: 5px 5px 20px #000000;
    border-radius: 1px;
    text-align:center;
    transform: rotate(-90deg);
    position: relative;
    top:212px;
    left:-122px;
    z-index:1;
}
.mainBlock_info{
    display:flex;
    flex-direction: column;
    width:303px;
    height:331px;
    border:3px solid #50A6D0;
    position: relative;
    /*top:-118px;
    left:133px;*/
    z-index:1000;
    background-color:#000000;
}
.mainBlock_info--first{
    width:297px;
    height:auto;
    background:url("../../assets/images/sunrise.png") center no-repeat;
    background-size: cover;
    padding-left:3px;
    padding-right:3px;
    overflow: hidden;
}
.mainBlock_info--first h1{
    font-size:50px;
    text-align:center;
}
.mainBlock_info--first span{
    display:block;
    font-size:12px;
    font-weight: 300;
    text-align:center;
    margin-top:-18px;
}
.mainBlock_info--second{
    display:flex;
    flex-direction: column;
    justify-content: space-around;
    height:245px;
    background:url("../../assets/images/sky.png") center no-repeat;
    background-size: cover;
    padding-left:3px;
    padding-right:3px;
    overflow: hidden;
    mix-blend-mode: normal;
    text-align: center;
}
.two_blocks{
    display:flex;
    justify-content: space-around;

}
.input{
width: 232px;
height: 31px;
border: 1px solid transparent;
border-image:linear-gradient(to right, #367DF2 100%, #55B2DF 100%);
border-image-slice:1;
border-radius: 3px;
outline:none;

}
.btn_stake{
    display:block;
    color:#fff;
    align-items: center;
    text-decoration:none;
    margin:0 auto;
    font-size:14px;
    font-weight: bold;
    font-style:normal;
    width:271px;
    height:40px;
    background:linear-gradient(94.78deg, #B3614B 12.27%, #E38466 91.79%), linear-gradient(94.78deg, #367DF3 7.9%, #56B4DE 91.79%);
    border-radius: 50px;
    text-align: center;
    line-height: 39px;
}
.blockBlue{
    background:linear-gradient(94.78deg, #367DF3 7.9%, #56B4DE 91.79%), linear-gradient(94.78deg, #B3614B 12.27%, #E38466 91.79%), linear-gradient(94.78deg, #367DF3 7.9%, #56B4DE 91.79%), #05050F;
}
.btnBlue{
    background: linear-gradient(94.78deg, #367DF3 7.9%, #56B4DE 91.79%), linear-gradient(94.78deg, #B3614B 12.27%, #E38466 91.79%);
}

/*After cards text*/
.afterCards-Text{
    display:flex;
    flex-wrap: wrap;
    font-family: 'Questrial', sans-serif;
    font-weight: 100;
    margin-top:21px;
}
.afterCards-Text--first{
    width:100%;
    max-width:635px;
    margin-right:32px;
}
.afterCards-Text--second{
    width:100%;
    max-width:427px;
    margin-top:-21px;
    font-family: 'Poppins', sans-serif;
    font-weight: 700;
}

/*Referral*/

.referral{
    width:100%;
    max-width:579px;
    margin-bottom:97px;
    position:relative;
    z-index:1;

}
.referral>h1{
    font-size:36px;
}
.referralText{
    margin-top:21px;
}
.referral_btn{
    margin-top:26px;
}
.referral_input{
    display:flex;
    gap:7px;
    align-items: center;
}
.referral_btn>p{
    font-size:12px;
    margin-bottom: 0;
}
.referral_input>input{
    color:#fff;
    background: transparent;
    width: 343px;
    height: 41px;
    border: 1px solid #D1D1D1;
    border-radius: 150px;
}
.referral_input>a{
    width:210px;
    height:41px;
    font-size:16px;
}
.sun{
    max-width:100%;
    position:absolute;
    overflow: hidden;
    top:-15%;
    left:197.8%;
    z-index:1000;
}
.ellipse1{
    position:absolute;
    overflow: hidden;
    top:14%;
    right:-165%;
    z-index:1000;
}
.planet1{
    position:absolute;
    top:25%;
    right:9%;
    z-index:1000;
}

.ellipse2{
    position:absolute;
    overflow: hidden;
    top:23%;
    right:-165%;
    z-index:1000;
}
.planet2{
    position:absolute;
    top:29%;
    right:-24%;
    z-index:1000;
}
.ellipse3{
    position:absolute;
    overflow: hidden;
    top:33%;
    right:-165%;
    z-index:1000;
}
.planet3{
    position:absolute;
    top:37%;
    right:-66%;
    z-index:1000;
}
.planets_text>h1{
    font-size:46px;
    margin-bottom:-10px;
    text-align: center;
    color: #BE6952;
    
}
.planets_text>p{
    font-size:12px;
    margin:0;
}
.planets_text{
    position:absolute;
    top:5%;
    right:0%;
    z-index:1000;
}
.planets_text--two{
    top:14%;
    right:-35%;
}
.planets_text--three{
    top:21%;
    right:-72%;
}
.yourStake{
    margin-top:97px;
}
/*Stake*/
.stake{
    display:flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-top:-200px;
}

.stake>h1{
       font-size:36px;
}
.stakeCardBlock{
    display: flex;
    justify-content: flex-end;
    padding-right:17px;
    width:199px;
    height:95.44px;
}
.stakeCardBlock span{
    margin-right:10px;
}
.stakeCardBlock h4{
    margin-right:15px;
}
.stakecard{
    display:flex;
    justify-content: space-between;
    max-width:303px;
    max-height:230px;
    background: url("../images/spacecard.png") center no-repeat;
    background-size: cover;
    object-fit: contain;
    top:15%;
    left:-12%;
}
.stakeCardFirst{
    margin-top:96px;
    background:url("../images/sky.png") center no-repeat;
    background-size:contain;
}
.stakeCardFirstText{
    margin-top:14px;
    margin-left:29px;
}
.stakeCardFirstText p{
    margin-bottom:0;
    font-size:14px;
}
.stakeCardFirstText h1{
    font-size:36px;
    line-height:1;
    color:#BE6952;
}
.stakeCardFirstText a{
    width:164px;
    height:32px;
    margin-top:27px;
    margin-left:0;
    line-height:33px;
}
.stakecard_text{
    display:flex;
    justify-content: space-between;
    margin:10px;
    margin-bottom:5px;
}
.stakecard_text>span{
    font-size:12px;
}
.stakecard_text>span>h1{
    font-size:36px;
    margin-top:-10px;
}
.rightText{
  text-align: end;
}



.arcWhite{
    position:absolute;
    top:6%;
    left:7%;
    z-index:500;
}
.procent{
position: absolute;
left: 51%;
top:0%;
font-family: Poppins;
font-style: normal;
font-weight: bold;
font-size: 18px;
line-height: 27px;
text-align: right;
color: #FFFFFF;
transform: rotate(13.68deg);
z-index:1100;
}
.fullMoon{
    max-width:100%;
    position:relative;
    right:0%;
    margin-top:500px;
    z-index:2;
}
   
footer{
     display: flex;
   justify-content: space-around;
    height:73px;
    background: linear-gradient(94.78deg, #B3614B 12.27%, #E38466 91.79%), linear-gradient(313.34deg, rgba(0, 0, 0, 0.3) -28.92%, rgba(255, 255, 255, 0.3) 130.82%), linear-gradient(360deg, #D6A039 2.34%, #EEC226 96.74%), #C4C4C4;
background-blend-mode: normal, soft-light, normal, normal;
    text-align: center;
    align-items: center;
}
footer p{
    color:#000;
    font-size:12px;
}




@media(max-width:1680px){
    .textSpace h1{
       top:17%;
    }
    .way{
        width:40%;
        top:15%;
        right:14%;
    }
    .ellipse2{
        top:20%;
    }
    .ellipse3{
        top:28%;
    }
}

@media(max-width:1230px){
   
    .header_inner{
        padding-left:20px;
        padding-right:20px;
    }
    .textSpace h1, p{
        display:none;
    }
    .way{
        width:40%;
        right:15%;
    }
    .sun{
        display:none;
    }
    .planets_text{
        display:none;
    }
    .planet1, .planet2, .planet3, .ellipse1, .ellipse2, .ellipse3{
        display:none;
    }
    .stoneOne, .stoneTwo, .stoneThree, .stoneFour, .stoneFive, .stoneSix, .spaceman{
        display:none;
    }
    .stakeCardFirstText p{
        display:inline-block;
    }
    footer p{
        display:inline-block;
    }
}
@media(max-width:990px){
    .header{
        margin-top:-200px;
    }
    .header_inner{
        margin-top:200px;
        justify-content: space-between;
    }
    .wallet_btn{
        display:none;
    }
    .nav{
        display:none;
    }
    .fa-bars{
        display:block;
        font-size:30px;
        color:#fff;
    }
    .stake{
        justify-content: space-around;
    }
    
}
@media(max-width:770px){
    .header_text{
       max-width:400px;
       left:10px;
    }
    .header_text h1{
        font-size:26px;
    }
}
/*@media(max-width:575px){
    .header{
        background-size:contain;
    }
    .header_inner{
        display:none;
    }
    .spaceman{
        width:10%;
    }
    .stoneOne{
        width:10%;
    }
}*/