.footer {
    height:300px;
    width:100vw;
    background:#0a0a23;
    margin-top:50px;
    display:flex;
    flex-direction:row;
    justify-content:center;
    justify-content:space-evenly;
    align-items:center
    }
    
    .footer-left {
    height:25%;
    text-align:center;
    font-size:14px;
    color:#fff;
    display:flex;
    flex-direction:row;
    gap:30px;
    text-align:left;
    width:100%;
    align-items:center
    }
    
    .footer-left > i {
    background-color:red;
    padding:10px;
    background-color:#000;
    border-radius:100px;
    font-size:20px
    }
    
    .footer-container1 {
    width:45%;
    height:90%;
    display:flex;
    flex-direction:column;
    justify-content:space-evenly;
    align-items:center
    }
    
    .footer-container2 {
    width:45%;
    height:90%;
    display:flex;
    flex-direction:column;
    justify-content:space-evenly;
    align-items:center
    }
    
    .footer-container2 > p {
    color:#fff
    }
    
    .footer-p1 {
    font-size:24px
    }
    
    .footer-p2 {
    width:60%;
    font-size:14px;
    text-align:center
    }

@media only screen and (max-width: 900px) {

    .footer {
        flex-direction:column;
        height:fit-content;
        padding:30px 0;
        gap:30px
        }
        
        .footer-container1 {
        width:80vw;
        gap:20px
        }
        
        .footer-left {
        flex-direction:column;
        gap:10px
        }
        
        .footer-container2 {
        width:80vw;
        gap:20px
        }
        
        .footer-p2 {
        width:80%
        }

}