/* NOTE: The styles were added inline because Prefixfree needs access to your styles and they must be inlined if they are on local disk! */

*
{
    
    box-sizing: border-box;
    transition: .5s ease-in-out;
    
}

a
{
    
	text-decoration:none;
    
}

html, body
{
    
    /* font-family: "MyWebFont", Fallback, sans-serif; */
    font-family: "Gill Sans", "Gill Sans MT", Calibri, "Trebuchet MS", sans-serif;
    font-weight : bold;
    overflow: hidden;
    height: 100%;
    background-color: var(--background-color);
    
}

html h1, body h1
{
    
    font-size: 25px;
    font-weight: 200;
    line-height: 30px;
    margin-bottom: 10px;
    color: var(--text-color);
    
}

html h2, body h2
{
    
    font-size: 15px;
    color: var(--text-color);
    
}

#wrapper
{
    
    display: table;
    width: 100%;
    height: 100%;
    opacity: 0;
    
}

#wrapper.loaded
{
    
    transition: 2.5s ease-in-out;
    opacity: 1;
    
}

#wrapper #content
{
    
    display: table-cell;
    vertical-align: middle;
    
}

#background
{
    
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: var(--background-color);
    
}

#background #background-image
{
    
    position: absolute;
    width: calc(100% + 60px);
    height: calc(100% + 60px);
    top: -30px;
    left: -30px;
    -webkit-filter: blur(10px);
    background-size: cover;
    background-color: var(--card-background-color);
    background-image: var(--card-background-image);
    
}

#card
{
    
    position: relative;
    margin: 0 auto;
    perspective: 600px;
    width: 300px;
    height: 400px;
    z-index: 1;
    
}

#card .fa
{
    
    color: var(--card-icon-color);
    
}

#card.flip #front
{
    
    transform: rotateY(180deg);
    
}

#card #front
{
    
    border-radius: 10px;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    transform-style: preserve-3d;
    backface-visibility: hidden;
    /* box-shadow: 0 0 10px var(--card-front-surrounding-box-shadow-color); */
    
}

#card #front
{
    
    transform: rotateY(0deg);
    overflow: hidden;
    z-index: 1;
    
}

#card #front #info-box
{
    
    position: absolute;
    display: table;
    left: 0;
    bottom: 0;
    width: 300px;
    height: 100%;
    padding: 20px;
    background-size: cover;
    background-image: var(--card-front-image);
    
}

#card #front .front-info
{
    
    text-align: left;
    text-justify: inter-word;
    color: var(--card-front-info-text-color);
    
}

#card #front .front-info  i
{
    
    font-size : 17px;
    color: var(--card-front-info-icon-color);
    
}

#card #front .front-info a
{
    
	color: var(--card-front-info-link-color);
    
}

#card #front #avatar
{
    
    width: 145px;
    height: 145px;
    top: 47%;
    left: 47%;
    margin: -77px 0 0 -57px;
    border-radius: 0%;
    background-size: contain;
    position: absolute;
    z-index: 1;
    background-repeat:no-repeat;
    /*box-shadow: var(--card-front-logo-box-shadow-color), var(--card-front-logo-box-shadow-color), var(--card-front-logo-box-shadow-color), var(--card-front-logo-box-shadow-color);*/
    background-image: var(--card-front-logo-image);
    
}

#card #front .front-social-bar
{
    
    position: absolute;
    text-align: center;
    font-size: 21px;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100px;
    line-height: 40px;
    
}

#card #front .front-social-bar a
{
    
    display: inline-block;
    text-decoration: none;
    padding: 5px;
    line-height: 18px;
    border-radius: 5px;
    color: var(--card-front-social-bar-anchor-text-color);
    
}

#card #front .front-social-bar a:hover
{
    
    transition: .25s ease-in-out;
    background: var(--card-front-social-bar-anchor-background-color-hover);
    color: var(--card-front-social-bar-anchor-text-color-hover);
    
}

.ffa
{
    
	color: var(--card-front-icon-color);
    
}

#card #front #front-arrow
{
    
    position: absolute;
    line-height: 50px;
    font-size: 30px;
    z-index: 10;
    bottom: 10px;
    right: 41px;
    animation: arrowWiggle 1s ease-in-out infinite;
    margin-bottom: 85px;
    margin-right: -20px;
    color: var(--card-front-flip-arrow-icon-color);
    
}

#card.flip #back
{
    
    transform: rotateY(360deg);
    
}

#card #back
{
    
    border-radius: 10px;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    transform-style: preserve-3d;
    backface-visibility: hidden;
    /* box-shadow: 0 0 10px var(--card-back-surrounding-box-shadow-color); */
    
}

#card #back
{
    
    display: table;
    transform: rotateY(180deg);
    font-size: 13px;
    line-height: 20px;
    padding: 24px;
    z-index: 2;
    background-size:cover;
    background-image: var(--card-back-image);
    
}

#card #back .back-info
{
    
    text-align: left;
    text-justify: inter-word;
    color: var(--card-back-info-text-color);
    
}

#card #back .back-info p.card-back-google-map-embed-iframe iframe
{
    
    border-radius: 10px;
    border: 3px dashed var(--card-back-google-map-embed-iframe-border-color);
    
}

#card #back .back-info  i
{
    
    font-size : 17px;
    color: var(--card-back-info-icon-color);
    
}

#card #back .back-info a
{
    
	color: var(--card-back-info-link-color);
    
}

#card #back .back-social-bar
{
    
    position: absolute;
    text-align: center;
    font-size: 23px;
    line-height: 50px;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 85px;
    
}

#card #back .back-social-bar a
{
    
    display: inline-block;
    line-height: 18px;
    text-decoration: none;
    padding: 5px;
    border-radius: 5px;
    color: var(--card-back-social-bar-anchor-text-color);
    
}

#card #back .back-social-bar a:hover
{
    
    transition: .25s ease-in-out;
    background: var(--card-back-social-bar-anchor-background-color-hover);
    color: var(--card-back-social-bar-anchor-text-color-hover);
    
}

.bfa
{
    
	color: var(--card-back-icon-color);
    
}

#card #back #back-arrow
{
    
    position: absolute;
    line-height: 50px;
    font-size: 30px;
    z-index: 10;
    bottom: 10px;
    right: 41px;
    animation: arrowWiggle 1s ease-in-out infinite;
    margin-bottom: 85px;
    margin-right: -20px;
    color: var(--card-back-flip-arrow-icon-color);
    
}

@keyframes arrowWiggle
{
    
    20%
    {
        
        transform: translateY(4px);
        
    }
    40%
    {
        
        transform: translateY(-4px);
        
    }
    60%
    {
        
        transform: translateY(2px);
        
    }
    80%
    {
        
        transform: translateY(-1px);
        
    }
    100%
    {
        
        transform: translateY(0);
        
    }
    
}



/* Dark Mode And Light Mode Custom CSS Starts */

body
{
	
	--text-color:	#323232;
	--text-shadow-color:	#242424;
	--background-color:	#FFFFFF;
    
    --card-icon-color: #C80D0D;
    
    --card-front-logo-box-shadow-color: 0 0 0 0 rgba(255, 255, 255, 0.8);
    
    --card-front-surrounding-box-shadow-color: rgba(0, 0, 0, 0.5);
    
    --card-front-info-text-color: #FFFFFF;
    --card-front-info-icon-color: #C80D0D;
    
    --card-front-info-link-color: #FFFFFF;
    --card-front-info-link-color-hover: #FFFFFF;
    
    --card-front-social-bar-anchor-text-color: #FFFFFF;
    --card-front-social-bar-anchor-text-color-hover: #C80D0D;
    
    --card-front-social-bar-anchor-background-color: rgba(255, 255, 255, 0.3);
    --card-front-social-bar-anchor-background-color-hover: rgba(255, 255, 255, 0.3);
    
    --card-front-icon-color: #C80D0D;
    
    --card-front-flip-arrow-icon-color: #800808;
    
    --card-back-surrounding-box-shadow-color: rgba(0, 0, 0, 0.5);
    
    --card-back-google-map-embed-iframe-border-color: #C80D0D;
    
    --card-back-info-text-color: #FFFFFF;
    --card-back-info-icon-color: #C80D0D;
    
    --card-back-info-link-color: #FFFFFF;
    --card-back-info-link-color-hover: #FFFFFF;
    
    --card-back-social-bar-anchor-text-color: #FFFFFF;
    --card-back-social-bar-anchor-text-color-hover: #C80D0D;
    
    --card-back-social-bar-anchor-background-color: rgba(255, 255, 255, 0.3);
    --card-back-social-bar-anchor-background-color-hover: rgba(255, 255, 255, 0.3);
    
    --card-back-icon-color: #C80D0D;
    
    --card-back-flip-arrow-icon-color: #800808;
	
	--scrollbar-track-background-color: #FFFFFF;
	--scrollbar-thumb-background-color: #000000;
	--scrollbar-thumb-background-color-hover: #323232;
	
	--light-and-dark-mode-button-background-color: #323232;
    --light-and-dark-mode-button-background-color-hover: #FFFFFF;
    
    --light-and-dark-mode-button-border-color: #323232;
    --light-and-dark-mode-button-border-color-hover: #323232;
    
    --light-and-dark-mode-button-color: #FFFFFF;
    --light-and-dark-mode-button-color-hover: #323232;
	
	--card-background-color:	#FFFFFF;
    
	--card-background-image:	url("../../images/venkateshjari-vcard-images/venkateshjari-vcard-background.jpg");
	/* --card-background-image:	url("../../images/venkateshjari-vcard-images/venkateshjari-vcard-white-background-for-light-theme.jpg"); */
	/* --card-background-image:	url("../../images/venkateshjari-vcard-images/venkateshjari-vcard-white-background-for-light-theme-1.jpg"); */
	/* --card-background-image:	url("../../images/venkateshjari-vcard-images/venkateshjari-vcard-white-background-for-light-theme-2.jpg"); */
	/* --card-background-image:	url("../../images/venkateshjari-vcard-images/venkateshjari-vcard-white-background-for-light-theme-3.jpg"); */
    
	--card-front-logo-image:	url("../../images/venkateshjari-vcard-images/venkateshjari-vcard-front-logo.jpg");
	/* --card-front-logo-image:	url("../../images/venkateshjari-vcard-images/venkateshjari-vcard-front-white-logo-for-light-theme.jpg"); */
	/* --card-front-logo-image:	url("../../images/venkateshjari-vcard-images/venkateshjari-vcard-front-white-logo-for-light-theme-1.jpg"); */
	/* --card-front-logo-image:	url("../../images/venkateshjari-vcard-images/venkateshjari-vcard-front-white-logo-for-light-theme-2.jpg"); */
	/* --card-front-logo-image:	url("../../images/venkateshjari-vcard-images/venkateshjari-vcard-front-white-logo-for-light-theme-3.jpg"); */
    
	--card-front-image:	url("../../images/venkateshjari-vcard-images/venkateshjari-vcard-front.jpg");
	/* --card-front-image:	url("../../images/venkateshjari-vcard-images/venkateshjari-vcard-front-white-for-light-theme.jpg"); */
	/* --card-front-image:	url("../../images/venkateshjari-vcard-images/venkateshjari-vcard-front-white-for-light-theme-1.jpg"); */
	/* --card-front-image:	url("../../images/venkateshjari-vcard-images/venkateshjari-vcard-front-white-for-light-theme-2.jpg"); */
	/* --card-front-image:	url("../../images/venkateshjari-vcard-images/venkateshjari-vcard-front-white-for-light-theme-3.jpg"); */
    
	--card-back-image:	url("../../images/venkateshjari-vcard-images/venkateshjari-vcard-back.jpg");
	/* --card-back-image:	url("../../images/venkateshjari-vcard-images/venkateshjari-vcard-back-white-for-light-theme.jpg"); */
	/* --card-back-image:	url("../../images/venkateshjari-vcard-images/venkateshjari-vcard-back-white-for-light-theme-1.jpg"); */
	/* --card-back-image:	url("../../images/venkateshjari-vcard-images/venkateshjari-vcard-back-white-for-light-theme-2.jpg"); */
	/* --card-back-image:	url("../../images/venkateshjari-vcard-images/venkateshjari-vcard-back-white-for-light-theme-3.jpg"); */
	
}

body.dark-mode
{
	
	--text-color:	#FFFFFF;
	--text-shadow-color:	#FFFFFF;
	--background-color:	#323232;
    
    --card-icon-color: #C80D0D;
    
    --card-front-logo-box-shadow-color: 0 0 0 0 rgba(255, 255, 255, 0.8);
    
    --card-front-surrounding-box-shadow-color: rgba(0, 0, 0, 0.5);
    
    --card-front-info-text-color: #FFFFFF;
    --card-front-info-icon-color: #C80D0D;
    
    --card-front-info-link-color: #FFFFFF;
    --card-front-info-link-color-hover: #FFFFFF;
    
    --card-front-social-bar-anchor-text-color: #FFFFFF;
    --card-front-social-bar-anchor-text-color-hover: #C80D0D;
    
    --card-front-social-bar-anchor-background-color: rgba(255, 255, 255, 0.3);
    --card-front-social-bar-anchor-background-color-hover: rgba(255, 255, 255, 0.3);
    
    --card-front-icon-color: #C80D0D;
    
    --card-front-flip-arrow-icon-color: #800808;
    
    --card-back-surrounding-box-shadow-color: rgba(0, 0, 0, 0.5);
    
    --card-back-google-map-embed-iframe-border-color: #C80D0D;
    
    --card-back-info-text-color: #FFFFFF;
    --card-back-info-icon-color: #C80D0D;
    
    --card-back-info-link-color: #FFFFFF;
    --card-back-info-link-color-hover: #FFFFFF;
    
    --card-back-social-bar-anchor-text-color: #FFFFFF;
    --card-back-social-bar-anchor-text-color-hover: #C80D0D;
    
    --card-back-social-bar-anchor-background-color: rgba(255, 255, 255, 0.3);
    --card-back-social-bar-anchor-background-color-hover: rgba(255, 255, 255, 0.3);
    
    --card-back-icon-color: #C80D0D;
    
    --card-back-flip-arrow-icon-color: #800808;
	
	--scrollbar-track-background-color: #000000;
	--scrollbar-thumb-background-color: #FFFFFF;
	--scrollbar-thumb-background-color-hover: #323232;
	
	--light-and-dark-mode-button-background-color: #FFFFFF;
    --light-and-dark-mode-button-background-color-hover: #323232;
    
    --light-and-dark-mode-button-border-color: #FFFFFF;
    --light-and-dark-mode-button-border-color-hover: #FFFFFF;
    
    --light-and-dark-mode-button-color: #323232;
    --light-and-dark-mode-button-color-hover: #FFFFFF;
	
    --card-background-color:	#323232;
    
	--card-background-image:	url("../../images/venkateshjari-vcard-images/venkateshjari-vcard-background.jpg");
	/* --card-background-image:	url("../../images/venkateshjari-vcard-images/venkateshjari-vcard-black-background-for-dark-theme.jpg"); */
	/* --card-background-image:	url("../../images/venkateshjari-vcard-images/venkateshjari-vcard-black-background-for-dark-theme-1.jpg"); */
	/* --card-background-image:	url("../../images/venkateshjari-vcard-images/venkateshjari-vcard-black-background-for-dark-theme-2.jpg"); */
	/* --card-background-image:	url("../../images/venkateshjari-vcard-images/venkateshjari-vcard-black-background-for-dark-theme-3.jpg"); */
    
	--card-front-logo-image:	url("../../images/venkateshjari-vcard-images/venkateshjari-vcard-front-logo.jpg");
	/* --card-front-logo-image:	url("../../images/venkateshjari-vcard-images/venkateshjari-vcard-front-black-logo-for-dark-theme.jpg"); */
	/* --card-front-logo-image:	url("../../images/venkateshjari-vcard-images/venkateshjari-vcard-front-black-logo-for-dark-theme-1.jpg"); */
	/* --card-front-logo-image:	url("../../images/venkateshjari-vcard-images/venkateshjari-vcard-front-black-logo-for-dark-theme-2.jpg"); */
	/* --card-front-logo-image:	url("../../images/venkateshjari-vcard-images/venkateshjari-vcard-front-black-logo-for-dark-theme-3.jpg"); */
    
	--card-front-image:	url("../../images/venkateshjari-vcard-images/venkateshjari-vcard-front.jpg");
	/* --card-front-image:	url("../../images/venkateshjari-vcard-images/venkateshjari-vcard-front-black-for-dark-theme.jpg"); */
	/* --card-front-image:	url("../../images/venkateshjari-vcard-images/venkateshjari-vcard-front-black-for-dark-theme-1.jpg"); */
	/* --card-front-image:	url("../../images/venkateshjari-vcard-images/venkateshjari-vcard-front-black-for-dark-theme-2.jpg"); */
	/* --card-front-image:	url("../../images/venkateshjari-vcard-images/venkateshjari-vcard-front-black-for-dark-theme-3.jpg"); */
    
	--card-back-image:	url("../../images/venkateshjari-vcard-images/venkateshjari-vcard-back.jpg");
	/* --card-back-image:	url("../../images/venkateshjari-vcard-images/venkateshjari-vcard-back-black-for-dark-theme.jpg"); */
	/* --card-back-image:	url("../../images/venkateshjari-vcard-images/venkateshjari-vcard-back-black-for-dark-theme-1.jpg"); */
	/* --card-back-image:	url("../../images/venkateshjari-vcard-images/venkateshjari-vcard-back-black-for-dark-theme-2.jpg"); */
	/* --card-back-image:	url("../../images/venkateshjari-vcard-images/venkateshjari-vcard-back-black-for-dark-theme-3.jpg"); */
	
}

@media(prefers-color-scheme: dark)
{
	
	body.light-mode
	{
		
		--text-color:	#323232;
		--text-shadow-color:	#242424;
        --background-color:	#FFFFFF;
        
        --card-icon-color: #C80D0D;
        
        --card-front-logo-box-shadow-color: 0 0 0 0 rgba(255, 255, 255, 0.8);
        
        --card-front-surrounding-box-shadow-color: rgba(0, 0, 0, 0.5);
        
        --card-front-info-text-color: #FFFFFF;
        --card-front-info-icon-color: #C80D0D;
        
        --card-front-info-link-color: #FFFFFF;
        --card-front-info-link-color-hover: #FFFFFF;
        
        --card-front-social-bar-anchor-text-color: #FFFFFF;
        --card-front-social-bar-anchor-text-color-hover: #C80D0D;
        
        --card-front-social-bar-anchor-background-color: rgba(255, 255, 255, 0.3);
        --card-front-social-bar-anchor-background-color-hover: rgba(255, 255, 255, 0.3);
        
        --card-front-icon-color: #C80D0D;
        
        --card-front-flip-arrow-icon-color: #800808;
        
        --card-back-surrounding-box-shadow-color: rgba(0, 0, 0, 0.5);
        
        --card-back-google-map-embed-iframe-border-color: #C80D0D;
		
        --card-back-info-text-color: #FFFFFF;
        --card-back-info-icon-color: #C80D0D;
        
        --card-back-info-link-color: #FFFFFF;
        --card-back-info-link-color-hover: #FFFFFF;
        
        --card-back-social-bar-anchor-text-color: #FFFFFF;
        --card-back-social-bar-anchor-text-color-hover: #C80D0D;
        
        --card-back-social-bar-anchor-background-color: rgba(255, 255, 255, 0.3);
        --card-back-social-bar-anchor-background-color-hover: rgba(255, 255, 255, 0.3);
        
        --card-back-icon-color: #C80D0D;
        
        --card-back-flip-arrow-icon-color: #800808;
        
        --scrollbar-track-background-color: #FFFFFF;
        --scrollbar-thumb-background-color: #000000;
        --scrollbar-thumb-background-color-hover: #323232;
        
        --light-and-dark-mode-button-background-color: #323232;
        --light-and-dark-mode-button-background-color-hover: #FFFFFF;
        
        --light-and-dark-mode-button-border-color: #323232;
        --light-and-dark-mode-button-border-color-hover: #323232;
        
        --light-and-dark-mode-button-color: #FFFFFF;
        --light-and-dark-mode-button-color-hover: #323232;
        
        --card-background-color:	#FFFFFF;
        
		--card-background-image:	url("../../images/venkateshjari-vcard-images/venkateshjari-vcard-background.jpg");
        /* --card-background-image:	url("../../images/venkateshjari-vcard-images/venkateshjari-vcard-white-background-for-light-theme.jpg"); */
        /* --card-background-image:	url("../../images/venkateshjari-vcard-images/venkateshjari-vcard-white-background-for-light-theme-1.jpg"); */
        /* --card-background-image:	url("../../images/venkateshjari-vcard-images/venkateshjari-vcard-white-background-for-light-theme-2.jpg"); */
        /* --card-background-image:	url("../../images/venkateshjari-vcard-images/venkateshjari-vcard-white-background-for-light-theme-3.jpg"); */
        
        --card-front-logo-image:	url("../../images/venkateshjari-vcard-images/venkateshjari-vcard-front-logo.jpg");
        /* --card-front-logo-image:	url("../../images/venkateshjari-vcard-images/venkateshjari-vcard-front-white-logo-for-light-theme.jpg"); */
        /* --card-front-logo-image:	url("../../images/venkateshjari-vcard-images/venkateshjari-vcard-front-white-logo-for-light-theme-1.jpg"); */
        /* --card-front-logo-image:	url("../../images/venkateshjari-vcard-images/venkateshjari-vcard-front-white-logo-for-light-theme-2.jpg"); */
        /* --card-front-logo-image:	url("../../images/venkateshjari-vcard-images/venkateshjari-vcard-front-white-logo-for-light-theme-3.jpg"); */
        
        --card-front-image:	url("../../images/venkateshjari-vcard-images/venkateshjari-vcard-front.jpg");
        /* --card-front-image:	url("../../images/venkateshjari-vcard-images/venkateshjari-vcard-front-white-for-light-theme.jpg"); */
        /* --card-front-image:	url("../../images/venkateshjari-vcard-images/venkateshjari-vcard-front-white-for-light-theme-1.jpg"); */
        /* --card-front-image:	url("../../images/venkateshjari-vcard-images/venkateshjari-vcard-front-white-for-light-theme-2.jpg"); */
        /* --card-front-image:	url("../../images/venkateshjari-vcard-images/venkateshjari-vcard-front-white-for-light-theme-3.jpg"); */
        
        --card-back-image:	url("../../images/venkateshjari-vcard-images/venkateshjari-vcard-back.jpg");
        /* --card-back-image:	url("../../images/venkateshjari-vcard-images/venkateshjari-vcard-back-white-for-light-theme.jpg"); */
        /* --card-back-image:	url("../../images/venkateshjari-vcard-images/venkateshjari-vcard-back-white-for-light-theme-1.jpg"); */
        /* --card-back-image:	url("../../images/venkateshjari-vcard-images/venkateshjari-vcard-back-white-for-light-theme-2.jpg"); */
        /* --card-back-image:	url("../../images/venkateshjari-vcard-images/venkateshjari-vcard-back-white-for-light-theme-3.jpg"); */
		
	}
	
	body
	{
		
		--text-color:	#FFFFFF;
		--text-shadow-color:	#FFFFFF;
		--background-color:	#323232;
        
        --card-icon-color: #C80D0D;
        
        --card-front-logo-box-shadow-color: 0 0 0 0 rgba(255, 255, 255, 0.8);
        
        --card-front-surrounding-box-shadow-color: rgba(0, 0, 0, 0.5);
        
        --card-front-info-text-color: #FFFFFF;
        --card-front-info-icon-color: #C80D0D;
        
        --card-front-info-link-color: #FFFFFF;
        --card-front-info-link-color-hover: #FFFFFF;
        
        --card-front-social-bar-anchor-text-color: #FFFFFF;
        --card-front-social-bar-anchor-text-color-hover: #C80D0D;
        
        --card-front-social-bar-anchor-background-color: rgba(255, 255, 255, 0.3);
        --card-front-social-bar-anchor-background-color-hover: rgba(255, 255, 255, 0.3);
        
        --card-front-icon-color: #C80D0D;
        
        --card-front-flip-arrow-icon-color: #800808;
        
        --card-back-surrounding-box-shadow-color: rgba(0, 0, 0, 0.5);
        
        --card-back-google-map-embed-iframe-border-color: #C80D0D;
		
        --card-back-info-text-color: #FFFFFF;
        --card-back-info-icon-color: #C80D0D;
        
        --card-back-info-link-color: #FFFFFF;
        --card-back-info-link-color-hover: #FFFFFF;
        
        --card-back-social-bar-anchor-text-color: #FFFFFF;
        --card-back-social-bar-anchor-text-color-hover: #C80D0D;
        
        --card-back-social-bar-anchor-background-color: rgba(255, 255, 255, 0.3);
        --card-back-social-bar-anchor-background-color-hover: rgba(255, 255, 255, 0.3);
        
        --card-back-icon-color: #C80D0D;
        
        --card-back-flip-arrow-icon-color: #800808;
        
		--scrollbar-track-background-color: #000000;
		--scrollbar-thumb-background-color: #FFFFFF;
		--scrollbar-thumb-background-color-hover: #323232;
		
		--light-and-dark-mode-button-background-color: #FFFFFF;
		--light-and-dark-mode-button-background-color-hover: #323232;
		
		--light-and-dark-mode-button-border-color: #FFFFFF;
		--light-and-dark-mode-button-border-color-hover: #FFFFFF;
		
		--light-and-dark-mode-button-color: #323232;
		--light-and-dark-mode-button-color-hover: #FFFFFF;
		
        --card-background-color:	#323232;
        
		--card-background-image:	url("../../images/venkateshjari-vcard-images/venkateshjari-vcard-background.jpg");
        /* --card-background-image:	url("../../images/venkateshjari-vcard-images/venkateshjari-vcard-black-background-for-dark-theme.jpg"); */
        /* --card-background-image:	url("../../images/venkateshjari-vcard-images/venkateshjari-vcard-black-background-for-dark-theme-1.jpg"); */
        /* --card-background-image:	url("../../images/venkateshjari-vcard-images/venkateshjari-vcard-black-background-for-dark-theme-2.jpg"); */
        /* --card-background-image:	url("../../images/venkateshjari-vcard-images/venkateshjari-vcard-black-background-for-dark-theme-3.jpg"); */
        
        --card-front-logo-image:	url("../../images/venkateshjari-vcard-images/venkateshjari-vcard-front-logo.jpg");
        /* --card-front-logo-image:	url("../../images/venkateshjari-vcard-images/venkateshjari-vcard-front-black-logo-for-dark-theme.jpg"); */
        /* --card-front-logo-image:	url("../../images/venkateshjari-vcard-images/venkateshjari-vcard-front-black-logo-for-dark-theme-1.jpg"); */
        /* --card-front-logo-image:	url("../../images/venkateshjari-vcard-images/venkateshjari-vcard-front-black-logo-for-dark-theme-2.jpg"); */
        /* --card-front-logo-image:	url("../../images/venkateshjari-vcard-images/venkateshjari-vcard-front-black-logo-for-dark-theme-3.jpg"); */
        
        --card-front-image:	url("../../images/venkateshjari-vcard-images/venkateshjari-vcard-front.jpg");
        /* --card-front-image:	url("../../images/venkateshjari-vcard-images/venkateshjari-vcard-front-black-for-dark-theme.jpg"); */
        /* --card-front-image:	url("../../images/venkateshjari-vcard-images/venkateshjari-vcard-front-black-for-dark-theme-1.jpg"); */
        /* --card-front-image:	url("../../images/venkateshjari-vcard-images/venkateshjari-vcard-front-black-for-dark-theme-2.jpg"); */
        /* --card-front-image:	url("../../images/venkateshjari-vcard-images/venkateshjari-vcard-front-black-for-dark-theme-3.jpg"); */
        
        --card-back-image:	url("../../images/venkateshjari-vcard-images/venkateshjari-vcard-back.jpg");
        /* --card-back-image:	url("../../images/venkateshjari-vcard-images/venkateshjari-vcard-back-black-for-dark-theme.jpg"); */
        /* --card-back-image:	url("../../images/venkateshjari-vcard-images/venkateshjari-vcard-back-black-for-dark-theme-1.jpg"); */
        /* --card-back-image:	url("../../images/venkateshjari-vcard-images/venkateshjari-vcard-back-black-for-dark-theme-2.jpg"); */
        /* --card-back-image:	url("../../images/venkateshjari-vcard-images/venkateshjari-vcard-back-black-for-dark-theme-3.jpg"); */
		
	}
	
}

body
{
	
	background:	var(--background-color);
	
}

text 
{
	
	color:	var(--text-color);
	
}

/* :root
{
	
	
	
} */

/* Dark Mode And Light Mode Custom CSS Ends */