.about ::selection {
    background-color: #1E1E1C; /* Replace with your desired color */
    color: #F1F1F1; /* Optional: change the text color */
}

.about {
    padding-top: 60vh;
    padding-bottom: 20vh;
    width: 100%;
    color: #1E1E1C;
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    background-color: white;
}

.about a {
    color:  #1E1E1C;
}

.about h2 {
    font-size: 15vw; /* Use vw for responsive font size */
    font-family: "Jomhuria", serif;
    letter-spacing: 2vw; /* Adjust letter spacing to vw for responsiveness */
    font-weight: 400;
}

.about h3 {
    font-family: "Agdasima", sans-serif; /* Fallback font */
    font-weight: 400;.about ::selection {
        background-color: #1E1E1C; /* Replace with your desired color */
        color: #F1F1F1; /* Optional: change the text color */
    } 
}
    
.about {
        padding-top: 60vh; /* Adjust as needed */
        padding-bottom: 25vh; /* Adjust as needed */
        width: 100%;
        color: #1E1E1C;
        text-align: center;
        display: flex;
        flex-direction: column;
        align-items: center;
        background-color: white;
    }
    
.about a {
        color: #1E1E1C;
    }
    
.about h2 {
        font-size: clamp(20vw, 15vw, 6rem); /* Responsive font size with minimum and maximum */
        font-family: "Jomhuria", serif;
        letter-spacing: clamp(0.5rem, 2vw, 2rem); /* Responsive letter spacing */
        font-weight: 400;
    }
    
.about h3 {
        font-family: "Agdasima", sans-serif; /* Fallback font */
        font-weight: 400;
        font-size: clamp(5vw, 6vw, 3rem); /* Responsive font size */
        margin-top: -10vh;
        margin-bottom: -25vh;
    }
    
    .longabout {
        margin-top: 5rem;
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    
    .about p {
        max-width: 60vw; /* Set max width in vw for responsiveness */
        font-size: 2vw; /* Use vw for responsive font size */
        font-family: "Antic Didone", serif;
    }

    .about h4 {
        font-size: 5rem;
    }

    .about b {
        font-weight: 600;
    }    


    
    @media (max-width: 768px) {

        .about {
            padding-top: 40vh; /* Adjust for smaller screens */
        }
    
        .about h2 {
            font-size: 15rem; /* Smaller font size for tablets */
        }
    
        .about h3 {
            font-size: 3rem; /* Smaller font size for tablets */
            margin-top: -2.5rem;
        }

        .about h4 {
            font-size: 3rem;
        }
    
        .about p {
            max-width: 80vw; /* Adjust max width for smaller screens */
            font-size: 2.5rem; /* Smaller font size for tablets */
        }
    }
    
    @media (max-width: 480px) {
        .about {
            padding-top: 35vh; /* Adjust for mobile */
            padding-bottom: 10vh;
            margin-bottom: -2%;
        }
    
        .about h2 {
            font-size: 10rem; /* Smaller font size for mobile */
        }
    
        .about h3 {
            margin-top: -1.5rem;
            font-size: 2rem; /* Smaller font size for mobile */
        }

        .about h4 {
            font-size: 2rem;
        }

        .about p {
            max-width: 90vw; /* Adjust max width for mobile */
            font-size: 1.5rem; /* Smaller font size for mobile */
        }
        .longabout {
            margin-top: 2rem;
        }
    }






