header {
    display: grid;
    grid-template-columns: 0.25fr 2fr 1fr;
    grid-template-rows: 110px;
    background-color: rgb(0, 51, 153);
    max-height: 110px;
}

#logoDiv img {
    max-height: 110px;
}
#brandSloganDiv {
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin-left: 10px; 
}
header h1 {
    font-size: 3.5rem;
    color: rgb(220, 20, 60);
}
header h1, header p {
    margin: 0;
    padding: 0;
}
header span {
    color: azure; 
}
header p {
    font-size: 1.25rem;
    color:rgb(255,235,185);
}

#login_signup_logout_Div { 
    display: flex;
    justify-content: end;
    align-items: end;
    padding-bottom: 20px;
    padding-right: 5px;
}

#differentFormsNav {
    display: flex;
    margin-bottom: 20px; 
}

#differentFormsNav ul {
    list-style: none;
    display: flex;
    flex: 35%;
    padding: 0; 
    margin: 0; 
}

#differentFormsNav ul li {
    flex: 1; 
    display: flex; 
}

#differentFormsNav ul li a {
    margin: 0;
    display: block; 
    width: 100%;
    padding: 10px; 
    text-align: center; 
    text-decoration: none; 
    background-color:darkred;
    border: 1px solid rgb(255,235,185);
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
    color: whitesmoke;
    transition: all 0.3s ease; 
}

#differentFormsNav ul li a:active, 
#differentFormsNav ul li a:hover {
    color: rgb(0, 51, 153); 
    background-color: darksalmon;
    border-bottom: 2px solid darkred; 
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 25px;
    font-style: italic;
    font-weight: bolder;
}

#differentFormsNav ul li a:focus {
    color: rgb(0, 51, 153); 
    background-color: whitesmoke;
    border-bottom: 2px solid darkred; 
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 25px;
    font-style: italic;
    font-weight: bolder;
}

#differentFormsNav ul li:hover,
#differentFormsNav ul li:focus-within,
#differentFormsNav ul li:active {
    flex: 1.2;
}