@media (max-width: 1000px) 
{
    header
    {
        text-align: center;
    }
        .about
        {
            display: block;
        }
            .about h1
            {
                font-size: 50px;
                margin-bottom: 10px;
            }
                .about h1::after
                {
                    transform: translate(0.35rem, 0.35rem);
                    filter: drop-shadow(0.015rem 0.015rem 0.3rem var(--shadow-color));
                }
            .about-info
            {
                transform: translateX(-0.5rem);
            }
                .about-info p
                {
                    font-size: 15px;
                }
                    .point
                    {
                        height: 4px;
                        width: 4px;
                    }
                .socials
                {
                    transform: translateX(0.5rem);
                }
                    .socials a
                    {
                        font-size: 50px;
                    }
        .profile-picture-content
        {
            display: block;
            margin: auto;
            max-width: 300px;
            max-height: 300px;
            /* margin-bottom: 30px; */
        }
            .profile-picture
            {
                width: 250px;
                height: 250px;
            }
}
@media (max-width: 600px)
{
    #accomplishments
    {
        font-size: 30px;
    }
        .accomplishments h2
        {
            font-size: 25px;
        }
        .accomplishment
        {
            font-size: 14px;
        }
            .language
            {
                font-size: 12px;
            }
            #place::after
            {    
                content: "\a";
                white-space: pre;
            }
}