*{
   margin: 0;
   padding: 0;
   box-sizing: border-box;
}
@font-face {
    font-family: 'Ramona';
    src: url('../fonts/Ramona-Light.woff2') format('woff2'),
         url('../fonts/Ramona-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
}
@font-face {
    font-family: 'Ramona';
    src: url('../fonts/Ramona-Bold.woff2') format('woff2'),
         url('../fonts/Ramona-Bold.woff') format('woff');
    font-weight: 700;
    font-style: normal;
}
body {
   font-family: 'Ramona', sans-serif;
   /* overflow-x: hidden; */
}
p, h4{
   line-height: 1.5;
}
.container{
   width: 1140px;
   margin: auto;
   overflow-x: hidden;
}
.bgGray{
   background-color: #e6e6e6;
}
.navbar{
   display: flex;
   justify-content: space-between;
   margin-top: 10px;
}
.navbarHeader {
   font-size: 67px;
   margin-top: 20px;
}
.navbarLinkImg{
   width: 37px;
   height: 39px;
   margin-right: 10px;
}
.firstSection{
   display: flex;
   justify-content: space-around;
   /* flex-direction: column;
   width: max-content; 
   margin-left: auto; */
}
.firstSectionLeftGIFmob{
   display: none;
}
.contractBox{
   display: flex;
}
.contractBoxHeaders{
   display: flex;
   margin-top: 10px;
}
.contractBoxHeader{
   font-size: 30px;
   color: #0052fe;
}
.firstSectionHeader{
   font-size: 200px;
}
.logoBase{
   height: 26px;
   margin-top: 4px;
   margin-left: 30px;
   margin-right: 5px;
}
.contractBoxText{
   font-size: 15px;
   font-weight: 300;
   margin-top: 10px;
}
.firstSectionHeaderSmall{
   font-size: 70px;
   color: #0052fe;
}
.contractBoxButtons{
   margin-left: 75px;
   display: flex;
   flex-direction: column;
}
.btnBuy{
   width: 125px;
   height: 35px;
   background-color: #0052fe;
   border: 1px solid #0052fe;
   color: white;
   font-size: 17px;
   border-radius: 5px;
}
.btnCopy{
   width: 125px;
   height: 35px;
   color: #0052fe;
   border: 1px solid #0052fe;
   font-size: 17px;
   margin-top: 15px;
   border-radius: 5px;
}
.copyimg{
   height: 20px;
   width: 15px;
}
.blueText{
   color: #0052fe;
}
.blueTextBold{
   color: #0052fe;
   font-weight: 700;
}
.sectionHeader{
   font-size: 40px;
   text-align: center;
   margin-top: 93px;
}
.secondSectionBlock{
   display: flex;
   justify-content: space-between;
   margin-top: 61px;
}
.secondSectiontext{
   margin-left: 25px;
   font-size: 18px;
   font-weight: 300;
   margin-top: 25px;
}
.submarine{
   display: flex;
   align-items: center;
}
.thirdSection{
   margin-top: 200px;
}
.thirdSectionBlock{
   display: flex;
   justify-content: space-between;
   margin-top: 100px;
}
.thirdSectionBlockLeftHeader{
   font-size: 16px;
   font-weight: 700;
   margin-bottom: 20px;
}
/* .thirdSectionBlockList{
   margin-top: 45px;
} */
.thirdSectionBlockListItem{
   display: flex;
   align-items: center;
   margin-top: 25px;
}
.itemText{
   margin-left: 25px;
   font-size: 18px;
   font-weight: 300;
}
.itemImgtrain{
   width: 75px;
}
.fourthsection{
   display: flex;
   justify-content: space-between;
}
.fourthsectionblockrightHeader{
   font-size: 38px;
   font-weight: 700;
   padding-top: 70px;
   margin-bottom: 30px;
}
.fourthsectionblockrightUnderTheHeading{
   font-size: 17px;
}
.fourthsectionblockrightText{
   font-size: 17px;
   margin-top: 30px;
   width: 70%;
}
.fourthsectionblockright{
   display: flex;
   flex-direction: column;
   justify-content: center;
}
.cosmonautimg{
   width: 100%;
}
.CosmonautImgMob{
   display: none;
}
.CosmonautImgMobDiv{
   display: none;
}
.fifthsection{
   display: flex;
   justify-content: space-between;
   padding-top: 80px;
   padding-bottom: 95px;
}
.fifthsectionleftblockTextAndGrayCircle{
   display: flex;
   margin-top: 20px;
}
.fifthsectionleftblockTextAndBlueCircle{
   display: flex;
   margin-top: 20px;
}
.ChartImgMobDiv{
   display: none;
}
.blueTextBoldheador{
   color: #0052fe;
   font-size: 80px;
}
.blueTextBoldUnderTheheador{
   font-size: 26px;
}
.fifthsectionleftText{
   font-size: 20px;
   margin-left: 15px;
}
.fifthsectionleftblockText{
   margin-top: 50px;
}
.fifthsectionleftblock{
   display: flex;
   flex-direction: column;
   justify-content: center;
}
.ChartImgMob{
   display: none;
}
.BlueCircle{
   height: 20px;
   width: 20px;
   background-color: #0052fe;
   border-radius: 100%;
   border: 1px solid;
}
.GrayCircle{
   height: 20px;
   width: 20px;
   background-color: #e6e6e6;
   border-radius: 100%;
   border: 1px solid;
}.fourthsection{
   display: flex;
   justify-content: space-between;
}
.fourthsectionblockrightHeader{
   font-size: 38px;
   font-weight: 700;
   margin-bottom: 30px;
}
.fourthsectionblockrightUnderTheHeading{
   font-size: 17px;
}
.fourthsectionblockrightText{
   font-size: 17x;
   margin-top: 30px;
}
.fourthsectionblockright{
   display: flex;
   flex-direction: column;
   justify-content: center;
}
.sevenSection{
   padding-bottom: 90px;
}
.sevenSectionblockBotton{
   margin-top: 100px;
}
.sevenSectionblockBottonEnd{
   display: flex;
   justify-content: space-between;
 
}
.sevenSectionText{
   display: flex;
   justify-content: center;
   font-size: 20px;
   padding-bottom: 58px;
}
.sixSection{
   margin-top: 70px;
   margin-bottom: 180px;
}
.sixSectionblocktop{
   display: flex;
   justify-content: center;
   align-items: center;
   flex-direction: column;
}
.sixSectionBoxImg{
   border: solid 1px #b5bfc9;
   background-color: #fff;
   width: 240px;
   height: 125px;
   display: flex;
   justify-content: center;
   align-items: center;
}
#TrackSectionSeven{
   font-size: 90px;
   font-weight: 700;
}
.sixsectionblockrightHeader{
   font-size: 38px;
   font-weight: 700;
   margin-bottom: 35px;
}
.sixsectionblockrightText{
   margin-bottom: 30px;
   text-align: center;
}
.sixSectionImg{
   display: flex;
   align-items: center;
   
}
.sixSectionblockEnd{
   display: flex;
   justify-content: center;
   margin-top: 105px;
}
.sixSectionBox{
   border: solid 1px #0052fe ;
   height: 375px;
   width: 810px;
   display: flex;
   flex-direction: column;
   align-items: center;
   justify-content: space-evenly;
   margin: auto;
}
.SixSectionImgText{
   font-weight: 300;
   margin-left: 12px;
}
.sixSectionEndImg{
   display: flex;
   align-items: center;
   justify-content: center;
}
.sixSectionBorder{
   border: solid 1px #0052fe;
   border-radius: 5px;
   height: 125px;
   width: 245px;
   display: flex;
   align-items: center;
   justify-content: center;
}
.sixSectionImgBorder{
   margin-top: 37px;
   display: flex;
   justify-content: space-around;
   align-items: center;
   
}
.eighthsectionBlockTopRightHeader{
   font-size: 45px;
}
.eighthsectionBlockTop{
   display: flex;
   justify-content: space-around;
   border: 1px solid #b5bfc9;
   padding: 100px;
}
.eighthsectionBlockTopRightText{
   margin-top: 20px;
}
.BaseScanDiv{
   border:  1px solid #b5bfc9;
   width: 240px;
   height: 100px;
   background-color: #fff;
   padding: 2px;
}
.BaseScanDivImg{
   width: 215px;
   height: 85px;
   margin: 6px;
}
.btnCopy2{
   width: 125px;
   height: 35px;
   color: #fff;
   border: 1px solid #0052fe;
   font-size: 17px;
   margin-top: 5px;
   background-color: #0052fe;
   border-radius: 10px;
}
.eighthsection{
   margin-top: 50px;
}
.sectionBuyBox{
   display: flex;
   justify-content: space-between;
   margin-top: 50px;
}
/* .sectionBuyBoxListItem{
   display: flex;
   justify-content: center;
   align-items:center;
   margin-bottom: 45px;
}
.sectionBuyBoxListItemText{
   margin-left: 30px;
   font-size: 20px;
   font-weight: 700;
} */
.sectionBuyBoxRight {
   display: flex;
   align-items: center;
}
.sectionBuyBoxListWatch{
   display: flex;
}
.sectionBuyBoxListWatchText{
   margin-top: -12px;
   margin-left: 5px;
}
.sectionBuyBoxListBtn {
   position: relative;
   right: -120px;
}
.sectionBuyBoxListItem {
   display: flex;
   align-items: center;
   margin-bottom: 45px;
   position: relative;
}
.sectionBuyBoxListItemImg {
   position: relative;
   z-index: 1;
}
.sectionBuyBoxListItemText {
   margin-left: 30px;
   font-size: 20px;
   font-weight: 700;
}
.sectionBuyBoxListItem::before {
   content: "";
   position: absolute;
   left: 32px; 
   top: 10px;
   bottom: -55px;
   width: 3px;
   background: repeating-linear-gradient(
      to bottom,
      transparent,
      transparent 5px,
      #b5bfc9 5px,
      #b5bfc9 10px
   );
   z-index: -1;
}
.sectionBuyBoxListItem:last-child::before {
   bottom: 0; 
}
.ninthsection{
   margin-top: 50px
}
.ninthsectionblock{
   display: flex;
   justify-content: space-between;
}
.PlanetImgMob{
   display: none;
}
.PlanetImgMobDiv{
   display: none;
}
.ninthsectionblockrightlist{
   display: flex;
   align-items: center;
   margin-bottom: 20px;
}
.ninthsectionblockleft{
   display: flex;
   align-items: center;
}
.ninthsectionblockrightlistText{
   font-size: 25px;
   margin-left: 20px;
}
.btnBuy2{
   width: 250px;
   height: 50px;
   background-color: #0052fe;
   border: 1px solid #0052fe;
   color: white;
   font-size: 17px;
   border-radius: 10px;
   text-align: center;
}
.ninthsectionText{
   text-align: center;
   color: #0052fe;
   margin-top: 40px;
}
.ninthsectionbutton{
   display: flex;
   justify-content: center;
   margin-top: 25px;
   margin-bottom: 110px;
}
.ninthsectionheader{
   text-align: center;
   font-size: 50px; 
   color: #0052fe; 
   margin-top: 10px;
   margin-bottom: 50px;
}
footer{
   background-color: #000;
}
.footer{
   display: flex;
   justify-content: space-between;
   height: 100px;
   align-items: center;
}
.footersocial{
   display: flex;
}
.footerheader{
   font-size: 50px;
   color: #0052fe;
   margin-left: 100px;
}
.fff{
   color: #e7efff;
}
.margin{
   margin-top: 10px;
}
.tooltip {
  position: relative;
  display: inline-block;
  border-bottom: 1px solid #0052fe;
}
.tooltip .tooltiptext {
  width: 120px;
  top: 120%;
  left: 50%;
  margin-left: -63px; 
}

.tooltip .tooltiptext {
   visibility: hidden;
   opacity: 0;
   width: 125px;
   background-color: #0052fe;
   color: #fff;
   text-align: center;
   border-radius: 6px;
   padding: 5px 0;
   position: absolute;
   top: 120%;
   left: 50%;
   z-index: 1;
   transition: opacity 0.5s, visibility 1s;
}
.tooltip .tooltiptext.visible {
   visibility: visible;
   opacity: 1;
}
.hoversocial{
   transition: transform 0.3s ease;
}
.hoversocial:hover{
   transform: scale(1.2);
}
.hoverbutton{
   transition: transform 0.3s ease;
}
.hoverbutton:hover{
   transform: scale(1.2);
}
.no-pointer-events {
    pointer-events: none;
}
.CircleCenter{
   display: flex;
   align-items: center;
}

@media screen and (max-width: 1450px){
   .container{
      width: 90%;
   }
}
@media screen and (max-width: 1030px){
   .navbarHeader{
      margin-top: 0;
   }
   .navbarButtons{
      margin-top: 20px;
   }
   .firstSection{
      justify-content: center;
      margin: auto;
   }
   .firstSectionLeftGIF{
      display: none;
   }
   .firstSectionLeftGIFmob{
      display: block;
      width: 70%;
      margin: auto;
      margin-top: 30px;
   }
   .submarine{
      display: flex;
      align-items: center;
   }
   .thirdSectionBlock{
      flex-wrap: wrap;
      justify-content: center;
   }
   .thirdSectionBlockRight{
      order: 1;
      margin-bottom: 20px;
   }
   .thirdSectionBlockLeft{
      order: 2;
      width: max-content;
      margin: auto;
   }
   .thirdSectionBlockRight {
      flex: 1;
      display: flex;
      justify-content: center;
      align-items: center;
   }
   .thirdSectionBlock{
      flex-direction: column;
      margin-top: 50px;
   }
   .thirdSectionBlockRight img {
      max-width: 50%;
      height: auto;
      margin-bottom: 80px;
      margin-top: 60px;
   }
   .fourthsectionblockrightHeader{
      margin-bottom: 15px;
   }
   .fourthsectionblockrightText{
      margin-top: 15px;
      font-size: 14px;
   }
   .fourthsectionblockrightHeader{
      padding-top: 30px;
   }
   .cosmonautimg{
      width: 95%;
      height: auto;
   }
   .cosmonaut{
      width: 55%;
      display: flex;
      align-items: center;
   }
   .chartimg{
      height: auto;
      width: 80%;
   }
   .fifthsectionrightblock{
      width: 40%;
      display: flex;
      justify-content: flex-end;
   }
   .TOKENOMICS{
      font-size: 60px;
   }
   .sevenSectionblockBottonEnd{
      flex-wrap: wrap;
      justify-content: space-around;
   }
   .sixSectionBoxImg{
      margin-top: 20px;
   }
   .sevenSectionText{
      display: block;
      text-align: center;
   }
   .eighthsectionBlockTop{
      display: flex;
      justify-content: space-between;
      padding: 50px;

   }
   .sectionBuyBoxLeft{
      display: flex;
      align-items:center
   }
   .sectionBuyBoxLeft img{
      width: 100%;
   }
   .sectionBuyBoxListBtn{
      right: -70px;
   }
   .ninthsectionblockrightlistText{
      font-size: 17px;
   }
   .OurFuckYeahRoadmap{
      font-size: 30px;
   }
   .ninthsectionheader{
      font-size: 40px;
   }
   
}
@media screen and (max-width: 950px){
   .firstSection{
      margin: auto;
   }
   .firstSectionLeftGIF{
      display: none;
   }
   .firstSectionLeftGIFmob{
      display: block;
      width: 70%;
      margin: auto;
      margin-top: 30px;
   }
   .secondSectionBlock{
      flex-wrap: wrap;
      justify-content: center;
   }


   .sixSectionBox{
      width: 80%;
   }
   .sixSectionblockEnd{
      text-align: center;
   }
   .sixSectionImgBorder{
      flex-wrap: wrap;
   }
   .sixSectionBorder{
      margin-top: 30px;
   }
   .sectionBuyLine{
      height: 100%;
      width: 30%;
   }
}
@media screen and (max-width: 770px){
   .contractBox{
      justify-content: center;
   }
   .secondSectiontext{
      font-size: 18px;
   }
   .fourthsection{
      display: flex;
      flex-direction: column;
      align-items: center;
   }
   .FourthSectionBlockRightTextDiv{
      display: flex;
      justify-content: center;
   }
   .cosmonautimg{
      width: 120%;
      height: auto;
      display: none;
   }
   .CosmonautImgMobDiv{
      display: flex;
      justify-content: center;
   }
   .CosmonautImgMob{
      display: flex;
      width: 60%;
      height: auto;
   }
   .fourthsectionblockrightHeader{
      text-align: center;
   }
   .fourthsectionblockrightUnderTheHeading{
      font-size: 20px;
      text-align: center;
   }
   .fourthsectionblockrightText{
      font-size: 17px;
      text-align: center;
   }
   .chartimg{
      height: auto;
      width: 90%;
      display: none;
   }
   .ChartImgMob{
      display: flex;
      height: auto;
      width: 90%;
      justify-content: center;
      margin-top: 30px;
   }
   .ChartImgMobDiv{
      display: flex;
      justify-content: center;
   }
   .fifthsection{
      display: flex;
      justify-content: center;
   }
   .fifthsectionleftblock{
      display: flex;
      justify-content: center;
   }
   .fifthsectionrightblock{
      display: none;
   }
   .fifthsectionleftblockText{
      display: flex;
      flex-direction: column;
      align-items: center;
   }
   .TOKENOMICS{
      font-size: 50px;
      text-align: center;
   }
   .fifthsectionmediaundertheheador{
      font-size: 20px;
   }
   .fifthsectionleftText{
      font-size: 16px;
   }
   .sectionBuyLine{
      height: 100%;
      width: 15%;
   }
   .eighthsectionBlockTop{
      flex-wrap: wrap;
      display: flex;
      justify-content: center;
   }
   .eighthsectionBlockTopRight{
      display: flex;
      flex-direction: column;
      align-items: center;
   }
   .eighthsectionBlockTopLeft{
      display: flex;
      flex-direction: column;
      align-items: center;
      margin-top: 20px;
   }
   .BaseScanDiv{
      margin-bottom: 20px;
   }
   .eighthsectionBlockTopRightHeader{
      text-align: center;
   }
   .ninthsectionblock{
      flex-wrap: wrap;
      align-items: center;
   }
   .ninthsectionblockright{
      order: 2;
   }
   .ninthsectionblockleft{
      order: 1;
      width: max-content;
      margin: auto;
   }
   .PlanetImgMob{
      height: auto;
      width: 200px;
   }
   /* .ninthsectionblockrightlistText{
      font-size: 20px;
   } */
   /* .planetimg{
      height: ;
   } */
   .ninthsectionheader{
      margin-bottom: 15px;
   }
   .piople{
      height: 80px;
   }
   .PlanetImgMob{
      display: block;
   }
   .PlanetImgMobDiv{
      display: flex;
      justify-content: center;
      margin-top: 20px;

   }
   .planetimg{
      display: none;
   }
}
@media screen and (max-width: 650px){
   .footerheader{
      margin-left: 0;
   }

}
@media screen and (max-width: 650px){
   .footer{
      flex-direction: column;
      justify-content: center;
      height: max-content;
   }
   .footersocial{
      padding: 10px 0;
   }
   .navbarLinkImgFooter{
      width: 30px;
      height: 30px;
   }

}
/* @media screen and (max-width: 425px){
   .eighthsectionBlockTopRightHeader{
      font-size: 35px;
   }
   .eighthsectionBlockTopRightText{
      font-size: 14px;
   }
   .contractBoxHeader{
      font-size: 20px;
   }
   .contractBoxHeader{
      font-size: 20px;
   }
   .logoBase{
      height: 20px;
   }
   .eighthsectionBlockTopLeftNumber{
      font-size: 14px;
   }
   .btnCopy2{
      font-size: 16px;
      width: 115px;
      height: 30px;
   }
} */
   
@media screen and (max-width: 650px){
   .navbarHeader{
      font-size: 18px;
   }
   .navbarButtons{
      margin-top: 0;
   }
   .navbarLinkImg{
      width: 20px;
      height: 20px;
      margin-right: 5px;
   }
   .firstSection{
      width: 92%;
   }
   .firstSectionLeftGIFmob{
      width: 90%;
   }
   .contractBox{
      flex-direction: column;
      justify-content: center;
   }
   .contractBoxHeaders{
      font-size: 18px;
      justify-content: center;
   }
   
   .logoBase{
      height: 18px;
      width: 18px;
   }
   .contractBoxText{
      font-size: 14px;
      text-align: center;
      word-break: break-word;
      margin-top: 15px;
   }
   .contractBoxButtons{
      flex-direction: row;
      justify-content: space-between;
      margin: 0;
      margin-top: 10px;
   }
   .btnCopy{
      margin: 0;
   }
   .firstSectionHeaders{
      margin-top: 15px;
   }
   .firstSectionHeader{
      font-size: 100px;
      text-align: center;
   }
   .firstSectionHeaderSmall{
      font-size: 30px;
      text-align: center;
   }
   .firstSectionImg{
      width: 100%;
      margin-top: 30px;
      margin-bottom: 90px;
   }
   .sectionHeader{
      font-size: 20px;
   }
   .submarine{
      width:max-content;
   }
   .submarineimg{
       width: 294px;
      height: 200px;
   }


   .thirdSection{
      margin-top: 50px;
   }
   .thirdSectionBlockRight img {
      max-width: 70%;
      height: auto;
      margin: 0;
   }
   .thirdSectionBlockLeft{
      width: 90%;
   }
   .thirdSectionBlockLeftHeader{
      font-size: 18px;
      text-align: center;
   }
   .thirdSectionBlockListItem{
      flex-wrap: wrap;
      justify-content: center;
   }
   .itemText{
      text-align: center;
      margin: 0;
   }
   .cosmonaut{
      display: flex;
      justify-content: center;
   }
   .cosmonautimg{
      height: auto;
      width: 300px;
   }
   .fifthsection{
      flex-wrap: wrap;
      display: flex;
      justify-content: center;
   }
   .fifthsectionleftblock{
      order: 2;
   }
   .CircleCenter{
      display: flex;
      align-items: flex-start;
   }
   .fifthsectionleftText{
      /* width: 70%; */
   }
   .ChartImgMob{
      width: 200px;
      height: auto;
   }
   
   .TOKENOMICS{
      font-size: 40px;
   }
   .fifthsectionrightblock{
      order: 1;
   }
   .sixSectionblocktop{
      width: 90%;
      margin: auto;
   }
   .sixsectionblockrightHeader{
      font-size: 20px;
      text-align: center;
      margin-bottom: 25px;
   }
   .sixsectionblockrightText{
      font-size: 18px;
      text-align: center;

   }
   .sixSectionblockEnd{
      font-size: 18px;
      text-align: center;
      width: 90%;
      margin-top: 60px;
   }
   .sixSectionBox{
      width: 100%;
      height: max-content;
   }
   .sixSectionImg{
      flex-wrap: wrap;
      justify-content: center;
      margin-top: 20px;
   }
   .sixSectionImg:last-child{
      margin-bottom: 20px;
   }
   .SixSectionImgText{
      width: 80%;
      margin: auto;
      text-align: center;
      margin-top: 10px;
   }
   .sixSectionImgBorder{
      margin-top: 0;
   }
   .sevenSectionblocktop{
      width: 90%;
      margin: auto;
   }
   .fourthsectionblockrightText{
      width: 90%;
      margin: auto;
      margin-top: 45px;
      margin-bottom: 70px;
      text-align: center;
   }
   .fourthsectionblockrightHeader{
      font-size: 20px;
   }
   #TrackSectionSeven{
      font-size: 38px;
   }
   .sevenSectionText{
      padding-bottom: 30px;
   }
   .ninthsectionblockrightlist{
      display: flex;
      flex-direction: column;
      width: 90%;
      margin: auto;
   }
   .eighthsectionBlockTopRightHeader{
      font-size: 15pt;
      text-align: center;
   }
   .eighthsectionBlockTopRightText{
      font-size: 8pt;
      margin-top: 32px;
   }
   .contractBoxHeader{
      font-size: 20px;
   }
   .contractBoxHeader{
      font-size: 13pt;
   }
   .logoBase{
      height: 13pt;
   }
   .eighthsectionBlockTopLeftNumber{
      font-size: 8pt;
      margin-bottom: 10px;
   }
   .btnCopy2{
      font-size: 14px;
      width: 105px;
      height: 25px;
   }
   .sectionBuyBox{
      flex-direction: column;
   }
   .sectionBuyBoxListWatch{
      justify-content: center;
      margin-left: 10%;
      margin-top: 55px;
   }
   .sectionBuyBoxListBtn{
      right: 0;
      width: 92%;
      margin: auto;
      display: flex;
      flex-direction: column;
      align-items: center;
   }
   .sectionBuyBoxListItem{
      flex-direction: column;
   }
   .sectionBuyBoxListItemText{
      text-align: center;
      margin: auto;
   }
   .sectionBuyBoxListItem::before{
      left: 50%;
   }
   .sectionBuyLine{
      display: none;
   }

   .ninthsectionblockrightlistText{
      margin: 0;
   }
   .ninthsectionblockrightlist{
      margin-top: 70px;
   }
   .planetimg{
      height: auto;
      width: 200px;
   }
   .ninthsectionText{
      width: 90%;
      margin: auto;
      margin-top: 70px;
      margin-bottom: 25px;
   }
   .footerheader{
      font-size: 40px;
   }
   .navbarLinkImgFooter{
      width: 30px;
      height: 30px;
   }
  .firstSectionImg{
   margin-top: 15px;
   margin-bottom: 35px;
  }
  .SixSectionImgText{
   margin-bottom: 35px;
  }
  .sixSection{
   margin-bottom: 104px
  }
  .ninthsectionbutton{
   margin-bottom: 158px;
  }
}
@media screen and (max-width: 350px){
   .firstSectionHeader{
      font-size: 100px;
      margin-left: -20px;
   }
   .fifthsectionleftblockText{
      align-items: flex-start;
      width: 95%;
      margin: auto;
      margin-top: 50px;
   }

}