.Whole-Project{
    display:flex;
    flex-direction:column;
    flex:1;

    
}
h1{
    font-size:48px;
    color:#F9FAF8;
    font-weight:900;
    margin-bottom:-20px;
}
.Part1{
    background-color:#1F2937;
    font-family: 'Inter', 'Segoe UI', Roboto, sans-serif;
    color:white;
    padding-right:15%;
    padding-left:15%;
}
.HeaderLogo{
    display:flex;
    flex-direction:row;
    align-items:center;
    justify-content:space-between
    
}
.Header-Logo-Text{
    font-size:24px;
    color:#F9FAF8
}

.link{
    text-decoration:none;
    color:#E5E7EB;
    font-size:18px;

}

nav{
    list-style-type:none;
    display:flex;
    flex-direction:row;
    gap:40px;

}


.T2-column{
    
    margin-top:30px;
    display:flex;
    flex-direction:row;
    align-items:flex;
    justify-content:space-between;
    margin-bottom:80px;
    
}
.Whole-Project {
    display: flex;
    flex-direction: column;
    flex: 1;
    min-height: 100vh; /* Ensure full viewport height */
}

.SIGN-UP{
    display:flex;
    align-items:center;
    justify-content:center;
    background-color:#3882F6;
    color:white;
    border: 2px solid #04AA6D;
    border-radius:6px;
    padding: 10px 25px;
}


.Part2{

    margin-bottom:80px;
    
}

h2{
    font-size:36px;
    color:#1F2937;
    font-weight:900;
    text-align:center;
}
.container{
    display:flex;
    flex-direction:row;
    justify-content:center;
    gap:50px;
    
}
.P2-Info{
    max-width:140px;
    text-align:center
}

.image4{
    border: 2px solid #04AA6D;
    border-radius: 25px;
}



.Part3{
    background-color:#E5E7EB;
    display:flex;
    flex-direction:column;
    padding-left:25%;
    padding-right:20%;
    padding-top:7%;
    padding-bottom:7%;
    font:lighter;
    

}
#QUOTE {
    font-size: 36px;
    color: #1F2937;
    font-style: italic;
    font-weight: 300; /* Makes the text 'light' */
}
.AUTHOR{
    display:flex;
    justify-content:flex-end;
    font-size:20px;
    font-weight:bold;
    
    padding-right:40px;

}


.Part4{
    display:flex;
    padding-right:15%;
    padding-left:15%;
    background-color:#3882F6;
    color:white;
    margin-top:50px;
    margin-bottom:50px;
    justify-content:space-evenly;
    flex-direction:row;
    align-items:center;
    gap:450px;
    padding-left:30px;
    padding-right:30px;

    
}


.SING-UP-2{
    display:flex;
    align-items:center;
    justify-content:center;
    background-color:lightblue;
    color:white;
    border: 2px solid #04AA6D;
    border-radius:6px;
    padding: 10px 25px;
}




.link:hover {
    color: #3882F6;
    text-decoration: underline;
}

.SIGN-UP:hover, .SING-UP-2:hover {
    background-color: #2C6BED;
}