body {
    background-color: #4776d6;
}
ul li {

    margin-left: 1%;
        
      }
    
    
    section, header {
        padding: 5rem 15%;
    
    }

    footer {
        padding: 5rem 15%;
    
    }
    
    .about {
        display: flex;
        align-items: center;
        text-align: justify;
        text-justify: inter-word;
    }
    
    .about-container {
        display: flex;
        align-items: center;
        gap: 5rem;
    }
    
    .about img {
        width: 80vw;
        border-radius: 50%;    
    }



      


    @media (max-width: 1280px) {
        .about .about-container {
            
            flex-direction: column;
        }
    
        .about img {
            width: 40vw; 
        }

        section {
            padding: 5rem 5%;
        
        }
    
    
    }

    @media (max-width: 768px) {
        .about-container {
            flex-direction: column;
            gap: 2rem;
        }

        .about img {
            width: 60vw;
        }

        section, header, footer {
            padding: 2rem 5%;
        }
    }