footer.css

@import url('https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Inter:wght@300&family=Italianno&family=Oswald&family=Roboto&family=Source+Code+Pro:ital,wght@1,300&family=Yanone+Kaffeesatz&display=swap');
* {
    padding: 0%;
    margin: 0%;
    box-sizing: border-box;
}



main {
    background-color: red;
    height: 55vh;
}


footer {
    background-color: rgba(6, 22, 110, 1);
    height: fit-content;
    overflow: hidden;
    padding-top: 1rem;
    
}

.footer {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    /* overflow: hidden; */
}

.about {
    display: flex;
    flex-direction: column;
    margin-left: 1rem;
}

.aboutHeading {
    color: white;
    font-family: system-ui;
    font-weight: bolder;
    font-size: 2.50rem;
    padding-bottom: 1rem;
    padding-top: 0rem;
}

.about p {
    font-family: 'Inter';
    color: white;
    width: 33rem;
    line-height: 1.60rem;
    font-size: 1.15rem;


}

.usefullinks {
    display: flex;
    flex-direction: column;
    margin-left: 3rem;
}

.usefullinks span {
    color: white;
    font-family: system-ui;
    font-weight: bolder;
    font-size: 2.50rem;
    padding-bottom: 1rem;
    display: flex;
    justify-content: flex-start;
}

.usefullinks ul  {
    list-style: none;
    color: white;
    font-family: monospace;
    font-size: 1.5rem;
    font-weight: bold;
    line-height: 2.5rem;
}

.usefullinks ul li a {
    color: white;
    text-decoration: none;
}

.follow{
    margin-top: -2rem;
    margin-right: -7rem;
}
.follow .followus .heading {
    color: white;
    font-family: system-ui;
    font-weight: bolder;
    font-size: 2.50rem;
    padding-bottom: 1rem;
    display: inline-table;
}

.follow .followus .content {
    color: white;
    font-size: 2rem;
    font-family: system-ui;
}

.follow .followus img {
    width: 2.25rem;
    /* margin-right: 3rem; */
}

.follow .followus a{
    color: white;
    text-decoration: none;
}

.meetatus {
    display: flex;
    flex-direction: column;
    margin-top: 2rem;
}

.meetatus .heading {
    color: white;
    font-family: system-ui;
    font-weight: bolder;
    font-size: 2.50rem;
    padding-bottom: 1rem;
    display: inline-table;
    padding-right: 25rem;
}

.meetatus .content a{
    /* width: 70%; */
    color: white;
    font-size: 1.25rem ;
    font-family: system-ui;
    text-decoration: none;
}
.meetatus .content a span{
    width: 80%;
    display: block;
}


@media(max-width:1000px ){
    footer {
        background-color: rgba(6, 22, 110, 1);

    }

    .footer {
        display: flex;
        flex-direction: column;
        justify-content: space-evenly;

    }

    .about {
        display: flex;
        flex-direction: column;
    }

    .aboutHeading {
        color: white;
        font-family: system-ui;
        font-weight: bolder;
        font-size: 3rem;
        padding-bottom: 0.75rem;
    }

    .about p {
        font-family: 'Inter';
        color: white;
        width: 95vw;
        line-height: 2rem;
        font-size: 1rem;
    }

    .usefullinks {
        margin-top: 1rem;
        display: flex;
        flex-direction: column;
        margin-left: 1rem;
    }
    
    .usefullinks span {
        color: white;
        font-family: system-ui;
        font-weight: bolder;
        font-size: 2rem;
        padding-bottom: 1rem;
    }
    
    .usefullinks ul {
        list-style: none;
        color: white;
        font-family: monospace;
        font-size: 1.5rem;
        font-weight: bold;
        line-height: 2.5rem;
    }

    .usefullinks ul a {
        color: white;
        text-decoration: none;
    }

    .follow{
        margin-top: 1rem;
        margin-left: 1rem;
    }


    .follow .followus .heading {
        color: white;
        font-family: system-ui;
        font-weight: bolder;
        font-size: 2rem;
        padding-bottom: 0.75rem;
        display: inline-table;

    }
    
    .follow .followus .content {
        color: white;
        font-size: 1.5rem;
        font-family: system-ui;
    }

    
    .follow .followus img {
        color: white;
        width: 2.5rem;
        /* margin-right: 3rem; */
    }

    .follow .followus a{
        color: white;
        text-decoration: none;
    }
    

    .meetatus {
        display: flex;
        flex-direction: column;
        margin-top: 2rem;
    }
    
    .meetatus .heading {
        color: white;
        font-family: system-ui;
        font-weight: bolder;
        font-size: 2rem;
        padding-bottom: 0.75rem;
        display: inline-table;
    }
    
    .meetatus .content {
        /* width: fit-content; */
        color: white;
        /* font-size: 1.75rem; */
        font-family: system-ui;
    }
}