body {margin: 0;
padding: 0;
box-sizing: border-box;
font-family:'Jura', sans-serif;
font-weight: 600;
background: black;
color: rgb(255, 255, 255);}

header {position: absolute;
width: 100%;
z-index: 100;}

nav {display: flex;
justify-content: space-between;
align-items: center;
padding: 70px;}

.logo-container {display: flex;
align-items: center;}

.logo-img {width: 285px;}

.nav-links {list-style: none;
display: flex;
gap: 75px;}

.nav-links a {text-decoration: none;
color: white;
font-size: 28px;
letter-spacing: 2px;}

.hero-section {position: relative;
height: 100%;
text-align: center;}

.Mars_Web_Background_01 {width: cover;
background-repeat: no-repeat;
background-position: center;
background-size: 100%;
height: 100%;
display: block;
width: cover;
height: auto}

.mars-title {position: absolute;
color:rgb(255,33,0);
font-family:'SF Distant Galaxy Alternate', sans-serif;
top: 10%;
width: 100%;
font-size: 300px;
letter-spacing: 20px;}

.hero-subtext {position: absolute;
font-family:'SF Distant Galaxy Alternate', sans-serif;
width: 82%;
font-size: 35px;
letter-spacing: 2px;
text-shadow: 0px 0px 20px rgb(255,33,0);
top: 45%;
margin: 150px}

.btn-main {position: absolute;
top: 70%;
left: 45%;
padding: 25px 100px;
background:rgb(255, 33, 0);
border: 3px solid #cc0000;
border-radius: 10px;
box-shadow: -2px 2px 2px 0px rgb(77, 11, 1);
color: rgb(255, 255, 255);
font-weight: 700;
font-size: 25px;
letter-spacing: 2px;}

section {position: cover;
text-align: center;
height: auto;
width: auto}

.Mars_Web_Background_02 {width: cover;
background-repeat: no-repeat;
background-position: center;
background-size: 100%;
height: 100%;
display: block;
width: cover;
height: auto}


section {position: relative;
text-align: left;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  padding-left: 5%;
  box-sizing: border-box;}

h2 {position: absolute;
top: 20%;
width: 82%;
gap: 2px;
left: 5%;
font-size: 35px;
font-family:'SF Distant Galaxy Alternate', sans-serif;
line-height: 0.5;
margin-bottom: 40px}

  
.content-grid {position: absolute;
bottom: 10%;
display: grid;
grid-template-columns: 2;
gap: 0px;
font-size: 25px;
padding: 50px;}

.stats-section {
    position: relative;
    text-align: center;
}

.stats-header {position: absolute;
    top: 20%;
    width: 100%;
    font-size: 18px;
    letter-spacing: 2px;}

.stats-row {
    position: absolute;
    bottom: 20%;
    width: 100%;
    display: flex;
    justify-content: center;
    gap: 150px;}

.stat-box h3 {font-size: 90px;}
.stat-box p {font-size: 25px;}


.ingenuity-section 
{position: top;
    margin-top: -275px;
    text-align: center;
    padding: 150px;}

.Mars_Web_Background_04 {width: cover;
background-repeat: no-repeat;
background-position: center;
background-size: 100%;
height: 100%;
display: block;
width: cover;
height: auto}
.ingenuity-title {
    margin-bottom: 30px;
    font-size: 40px;
    margin-bottom: 0%;}

/* FOOTER */
footer
{position: relative;
text-align: center;
font-size: 15px;}

.Mars_Web_Background_5 {width: cover;
background-repeat: no-repeat;
background-position: center;
background-size: 100%;
height: 100%;
display: block;
width: cover;
height: auto}

.footer{margin-top: -275px;
margin-bottom: 30px;
          font-size: 15px;}

