* {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
        }

        @font-face {
            font-family: 'ubunturegular';
            src:    url('../fonts/ubuntu-r-webfont.woff2') format('woff2'),
                    url('../fonts/ubuntu-r-webfont.woff') format('woff');
            font-weight: normal;
            font-style: normal;

}




        body {
            width: 100%;
            display: flex;
            justify-content: center;            
            background-color: #212529;
            font-family: 'ubunturegular', Arial, Helvetica, sans-serif;
            color: #f8f9fa;
        }

        .profile-container {
            display: flex;
            align-items: center;
            gap: 40px;
            padding: 40px;
            padding-top: 30vh;
        }

        .profile-image {
            width: 120px;
            height: 120px;
            border-radius: 12%;
            overflow: hidden;
            /* background-color: #cfcfcf; */
            flex-shrink: 0;
        }

        .profile-image img {
            width: 100%;
            height: 100%;
            object-fit: cover;
        }

        .profile-info {
            display: flex;
            flex-direction: column;
            gap: 12px;
            min-width: 300px;
        }

        .profile-name {
            font-size: 2rem;
            font-weight: 300;
            letter-spacing: 1px;
        }

        .divider {
            width: 100%;
            height: 2px;
            background-color: #f8f9fa;
            opacity: 0.6;
        }

        .profile-email {
            font-size: 1.5rem;
            color: #e9ecef;
            
        }
        /*Colors*/
        span.LightCoral {color: LightCoral; }
        span.Crimson {color: Crimson;}
        span.Salmon {color: Salmon;}



        @media (max-width: 768px) {
            .profile-container {
                flex-direction: column;
                text-align: center;
            }

            .profile-info {
                min-width: auto;
                width: 100%;
                align-items: center;
            }

            .divider {
                width: 80%;
            }

            .profile-name {
                font-size: 2.2rem;
            }

            .profile-email {
                font-size: 1.4rem;
            }
        }