body {
    background: #05092b;
    font-family: Onest, serif;            
    margin: 0;
    padding: 0;
    line-height: 1.6;
}

header {
    width: 90%;
    margin-left: 10px;
    align-items: center;
    padding: 10px 60px 10px 60px;
    color: #fff;
    font-weight: 100;
}

.nav1 {
    flex: 1; /* Each column will take up equal space */
    box-sizing: border-box; /* Ensures padding doesn't affect the total width */   
}

.nav-three-column-container {
    font-weight: 200;
    display: flex;
    justify-content: space-between; /* This ensures space is distributed evenly between columns */
    align-items: center;

}

.nav2 {
    flex: 1; /* Each column will take up equal space */
    text-align: center;
    box-sizing: border-box; /* Ensures padding doesn't affect the total width */ 

} 

.nav2 a {
    color: #fff;
    margin: 0 10px;
    text-decoration: none; 
}

.nav2 a:hover { color: #498cff;}

.nav3 {
    flex: 1; /* Each column will take up equal space */
    box-sizing: border-box; /* Ensures padding doesn't affect the total width */ 
    gap: 2vw;
    display: flex;
    justify-content: flex-end;
}

main {
    background: #05092b;
    width: 100%;
    color: #fff;
    font-weight: 100;
}

.container {
    background-image: url('images/bg.png');
    background-size: cover;
    background-repeat: no-repeat;
    padding-left: 70px;
    font-weight: 200;
    text-shadow: 10px 10px 5px #05092b;
}

.container h1 {
    font-size: 3em;
    font-weight: 100;
}

.container1 {
    width: 100%;
    margin: 0;
    padding: 0;
    color: #498cff;
    font-size: 7em;
    line-height: 1;
    text-align: center;
}

.two-columns-container {
    display: flex;
    width: 100%;
    margin: 20px 10px 30px 10px;
}

.column-40 {
    font-size: 110%;
    font-weight: 100;
    width: 40%;
    padding: 50px 50px 10px 60px;
    box-sizing: border-box; /* Include padding and border in element's total width and height */
}

.column-60 {
    font-size: 150%;
    font-weight: 100;
    text-align: center;
    width: 60%;
    padding: 50px 50px 10px 30px;
    box-sizing: border-box; /* Include padding and border in element's total width and height */
}

.container-text {
    margin-left: 10px;
    margin-right: 10px;
    align-items: center;
    padding-left: 60px;    
}

.container-text h2 {
    font-size: 5ex;
    font-weight: 200;
    line-height: 1;
}

.three-column-container {
    margin-left: 10px;
    margin-right: 10px;    
    padding: 0;
    font-weight: 100;
    display: flex;
    justify-content: space-between; /* This ensures space is distributed evenly between columns */
    gap: 0.5vw;
}

.three-column-container h3 {
    font-size: 1.5em;
    font-weight: 100;
    color: #498cff;

}

.column3 {
    margin-left: 10px;
    background: #090f44;
    flex: 1; /* Each column will take up equal space */
    padding: 0 30px 20px 60px;
    box-sizing: border-box; /* Ensures padding doesn't affect the total width */   

}

footer {
    background: #05092b;
    width: 90%;
    margin-left: 10px;
    padding: 5px 60px 10px 60px;
    color: #fff;
    font-weight: 100;
  }

.footer-three-column-container {
    font-weight: 100;
    display: flex;
    justify-content: space-between; /* This ensures space is distributed evenly between columns */
    align-items: center;
    text-align: center;
}
.foot1 {
    flex: 1; /* Each column will take up equal space */
    box-sizing: border-box; /* Ensures padding doesn't affect the total width */   
 }

.foot2 {
    flex: 1; /* Each column will take up equal space */
    box-sizing: border-box; /* Ensures padding doesn't affect the total width */   
}

.foot3 {
    flex: 1; /* Each column will take up equal space */
    box-sizing: border-box; /* Ensures padding doesn't affect the total width */  

}