body{
    background-image: url(../img/AboutBG.webp);
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
    /* background-color: rgb(56, 55, 55); */
}

main{
    background-color: hsla(167, 58%, 70%, 0.5);
    border-radius: 50px;
    display: flex;
    flex-direction: column;
    gap: 2rem;
    margin: auto 2.5rem;
    backdrop-filter: blur(10px);
    padding-bottom: 5rem ;
    animation: begin 1.5s ease-in-out forwards;
}

main>section:first-of-type>p{
    padding-left: 40px;
}

details>p,
main>section:first-of-type>p{
    text-align: justify;
}

@keyframes begin {
    from{
        opacity:0%;
    }
    to{
        opacity: 100%;
    }
}