/* ============= Globals =============*/
:root {
    /* Primary color for all Interactive elements */
    --primary-color: #BA7E0C;
    /* The same but for RGBA */
    --primary-rgb: 186, 126, 12;

    /* =============LOGO=========== */
    /* A Logo URL for the primary BG logo */
    --logo-bg: url('/static/images/backgrounds/DSC_5978-Pano.jpg');
    /* Content For logo Text */
    --logo-text: 'C';
    /* Logo Font Size */
    --logo-font-size: 130vh;
    /* Logo and Logo Glitch Font Weight */
    --logo-font-weight: 600;
    /* Logo Line Height */
    --logo-line-height: 116vh;
    /* Logo Font Family */
    --logo-font-family: 'BebasNeue', sans-serif;
    /* Extra animation for Logo Background */
    --logo-bg-animation: backgroundMove 60s ease-in-out infinite;
    /* --logo-bg-animation: none; */

    /* Content for Logo Glitch */
    --logo-glitch-text: '4';
    /* Logo Glitch Font Size */
    --logo-glitch-font-size: 132vh;
    /* Logo glitch space from left */
    --logo-glitch-left: 2vw
}