* {
            transition: 1s;
        }
        .content {
            margin: 0 auto;
            margin-top: 1vh;
            display: flex;
            flex-direction: column;
            align-items: center;
        }
        .title , .img , .social {
            padding: 1em;
        }
        h2 {
            font-weight: 200;
            font-size: 3.5em;
            text-transform: capitalize;
            
            margin: 0;
            padding: 0;
            font-weight: 700;
            line-height: 0.9em;
        }
        p {
            font-weight: 200;
            font-size: 1.3em;
            padding-left: 0.2em;
            text-transform: capitalize;
            font-style: italic;
            margin: 0;
        }
        .img , .title {
            padding-top: 0;
            padding-bottom: 0;
        }
        img {
            max-width: 395px;
        }
        .flaticon-facebook::before , .flaticon-twitter::before , .flaticon-world-wide-web::before , .flaticon-instagram-logo::before , .flaticon-youtube::before {
            margin: 0;
            padding: 7px;
            border-radius: 50%;
            font-size: 1.4em;
            color: #dfdbdb;
            background-color: #212529;
            margin: 0.4em;
        }
        .flaticon-facebook:hover::before , .flaticon-twitter:hover::before , .flaticon-world-wide-web:hover::before , .flaticon-instagram-logo:hover::before , .flaticon-youtube:hover::before {
            background-color: #000000;
            color: #dfdbdb;
        }
        a:hover {
            text-decoration: none;
        }

        #Personal_info .container{
            opacity: 0;
        }
        /* Extra small devices (portrait phones, less than 576px) */
        @media (max-width: 575.98px) { 
            .content {
                margin-top: 8vh;
            }
            img {
                width: 100%;
            }
            h2 {
                font-size: 2em;
            }
            .flaticon-facebook::before , .flaticon-twitter::before , .flaticon-world-wide-web::before , .flaticon-instagram-logo::before , .flaticon-youtube::before {
                font-size: 1em;
                margin: 0.25em;
            }
            p {
                font-size: 1.1em;
            }
         }

        /* Small devices (landscape phones, 576px and up) */
        @media (min-width: 576px) and (max-width: 767.98px) { 
            .content {
                margin-top: 8vh;
            }
         }

        /* Medium devices (tablets, 768px and up) */
        @media (min-width: 768px) and (max-width: 991.98px) { 
            .content {
                margin-top: 8vh;
            }
         }

        /* Large devices (desktops, 992px and up) */
        @media (min-width: 992px) and (max-width: 1199.98px) {  }

        /* Extra large devices (large desktops, 1200px and up) */
        @media (min-width: 1200px) {  }